Fix a minor issue in my javascript/fabricjs application

$10-30 USD

Completed

Posted about 7 years ago

$10-30 USD

Paid on delivery

I have a small javascript/[login to view URL] application in jsfiddle that needs to be fixed. It's basically just a button that creates a textbox object on a [login to view URL] canvas. If you create the object, then drag it around more than two times, it will duplicate itself. The duplication is an unintended behavior and this is what I need fixed. I am relatively new to javascript and this is probably insanely simple to fix for someone who knows what they are doing. I am looking for two things: 1. Resolve the duplication issue and then explain what I did wrong so that I don't do it again. 2. Within the enlivenobjects foreach loop, only update the currently selected object(s) instead of looping through all objects. This needs to happen through the local storage variable. Again, it's important that all of this happens through localstorage so that I can simulate the firebase connection. Here's my fiddle (it's 49 lines of code): [login to view URL] -Chris

JavaScript

Project ID: 19470520

About the project

7 proposals

Remote project

Active 7 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

Awarded to:

@FreelanceDragon

As discussed in chat, I'd be happy to help. :) (That said, unfortunately I need to make sure that my proposal is 100 characters. I believe this is enough.)

$25 USD in 1 day

5.0

(20 reviews)

5.2

7 freelancers are bidding on average $25 USD for this job

@kovirijagdish

I believe in providing good quality code and services with security. I am a Web Security Researcher & Bug Bounty Hunter at HackerOne, BugCrowd, BountyFactory and many other Independent Bug Bounty Programs Reported Security Vulnerabilities to Google, Facebook, Twitter, TCS, DigitalOcean, Magento, Nexmo and many other Companies Listed in more than 30 Company's Hall of Fame for reporting Security Vulnerabilities and reported more than 200 Security Vulnerabilities Web Security : OWASP, BurpSuite, Kali Linux, BugCrowd VRT, MetaSploit + HTML5, CSS3 + jQuery, Javascript, Ajax + Angular JS, React JS + Website design + Bootstrap, Responsive design + PHP + ColdFusion + MYSQL + Magento + Joomla + Laravel + Wordpress + Dot Net + CodeIgniter Development + User Interface / IA, Graphic Design, Logo design + PSD to HTML + Web Security + Penetration Testing + Ethical Hacking + Linux : CentOS, RedHat, Ubuntu + Windows Server + Vulnerability Assessment

$30 USD in 1 day

5.0

(78 reviews)

5.0

@abhishekktr

Hi, I am a Web Developer having 1+ year of experience and would love to work on your expectations regarding Fabric JS Bug Fix, kindly head over to chat so that we can discuss and get started, thanks.

$30 USD in 1 day

5.0

(16 reviews)

5.0

@scrufDev

Hello Chris, I had a look at your jsfiddle. I saw that your object gets duplicated and also that the canvas starts lagging a lot when you duplicate it a few times. I'm pretty sure I would be able to help. Although I don't have experience with fabric js, I do know canvas well. If you let me know that you're interested then I will go through the fabric js docs quickly and see what's happening in your code. Thanks.

$20 USD in 0 day

5.0

(31 reviews)

4.9

@rustic

I think you need to remove the event listener once the textbox has been created. Or a simple hackish solution would be to give it an unique id, then onmouseup check if a duplicate exists and remove it if true.

$25 USD in 1 day