Animate html canvas lines & beziers

£10-20 GBP

Ολοκληρώθηκε

Αναρτήθηκε

πάνω από 9 χρόνια πριν

£10-20 GBP

Πληρωμή κατά την παράδοση

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](); }

HTML

HTML5

JavaScript

Ταυτότητα εργασίας: 6374135

Σχετικά με την εργασία

4 προτάσεις

Απομακρυσμένη Εργασία

Ενεργός/ή 10 χρόνια πριν

Ψάχνεις τρόπο για να κερδίσεις μερικά χρήματα;

Διεύθυνση Email

Πλεονεκτήματα πλειοδοσίας στο Freelancer

Καθόρισε τον προϋπολογισμό σου και το χρονοδιάγραμμα

Πληρώσου για τη δουλειά σου

Περίγραψε την πρόταση σου

Η εγγραφή και η πλειοδοσία σε εργασίες είναι δωρεάν

Βραβεύτηκε στον/στην:

@qingsong

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 σε 1 ημέρα