Find Jobs
Hire Freelancers

Animate html canvas lines & beziers

£10-20 GBP

Completed
Posted over 9 years ago

£10-20 GBP

Paid on delivery
Hello, I have two canvas elements that have ben drawn - a curve as well as some boxes. I want to animate these so they are drawn on the screen gradually. Here is the code: function draw2009Box() { var c = [login to view URL]("box2009"); var ctx = [login to view URL]("2d"); ctx.fillStyle="rgb(255,255,255)"; [login to view URL](); [login to view URL](100,5); [login to view URL](289,5); [login to view URL](289,69); [login to view URL](100,69); [login to view URL](100,2); [login to view URL](5,69); [login to view URL](100,69); [login to view URL](100,139); [login to view URL](5,139); [login to view URL](5,66); [login to view URL](289,69); [login to view URL](289,139); [login to view URL](192,139); [login to view URL](192,69); [login to view URL](100,139); [login to view URL](192,139); [login to view URL](192,215); [login to view URL](100,215); [login to view URL](100,139); [login to view URL](289,139); [login to view URL](406,139); [login to view URL](406,231); [login to view URL](289,231); [login to view URL](289,139); [login to view URL](406,231); [login to view URL](513,231); [login to view URL](513,325); [login to view URL](406,325); [login to view URL](406,231); [login to view URL] = 5; [login to view URL](); } function draw2009Line() { // 2009 LINE var c = [login to view URL]("line2009"); var ctx = [login to view URL]("2d"); ctx.fillStyle="rgb(247,211,16)"; [login to view URL](); [login to view URL](590,713); [login to view URL](541,713,503,700,479,674); [login to view URL](456,649,445,614,445,568); [login to view URL](445,563,445,558,445,552); [login to view URL](445,500,446,435,401,390); [login to view URL](363,352,301,334,210,334); [login to view URL](154,334,109,315,77,278); [login to view URL](54,252,24,201,16,109); [login to view URL](12,53,17,8,17,8); [login to view URL](18,4,15,0,11,0); [login to view URL](7,0,3,2,2,6); [login to view URL](2,8,-2,53,1,110); [login to view URL](4,144,10,175,19,202); [login to view URL](30,237,46,266,66,288); [login to view URL](101,328,150,349,210,349); [login to view URL](256,349,294,353,325,363); [login to view URL](352,372,374,384,390,400); [login to view URL](431,441,430,500,430,552); [login to view URL](430,558,430,563,430,568); [login to view URL](430,618,443,657,468,684); [login to view URL](495,713,536,728,590,728); [login to view URL](594,728,598,725,598,721); [login to view URL](598,717,594,713,590,713); [login to view URL](); }
Project ID: 6374135

About the project

4 proposals
Remote project
Active 10 yrs ago

Looking to make some money?

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:
User Avatar
Hello I saw your canvas code and project spec. I can make that animation. of course My price is higher than budget. but it is very important to animate curves. Line animation is easy but curve animation is not. because I have to calculate all points for curve. I have many experienced on HTML5 Animation. please check following URLs. [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] If you have interesting to me... please ping me. Regards
£55 GBP in 1 day
5.0 (5 reviews)
5.3
5.3
4 freelancers are bidding on average £30 GBP for this job
User Avatar
I can write this in one day. I have already used fonts and anjular js animations. Please see my projects. Let me know.
£15 GBP in 3 days
0.0 (1 review)
0.0
0.0
User Avatar
A proposal has not yet been provided
£28 GBP in 1 day
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED KINGDOM
Tonbridge, United Kingdom
5.0
1
Member since Aug 26, 2014

Client Verification

Other jobs from this client

Animate an svg fill path
£20-250 GBP
Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.