Mirasy z #webdev
Potrzebuję skryptu, który połączy mi linią 2 określone elementy.
Może być #javascript #canvas #html5
Potrzebuję skryptu, który połączy mi linią 2 określone elementy.
Może być #javascript #canvas #html5
Wszystko
Wszystkie
Archiwum
5
Czołem Mirki, to mój pierwszy wykop. Jakiś czas temu napisałem takie w javaScripcie oto narzędzie do rysowania. Jeżeli lubisz generative art to jest szansa że ci się spodoba.
z2
smieszna kartka swiateczna
zźródło: comment_lHVLvSsyVnjee5PY5ffdMeOo6sVgzuks.jpg
Pobierzvar percent = distanceFromTo(xStart, yStart, xStop, yStop) / storedDistanceFromStartToStop;
(gdzie storedDistanceFromStartToStop
to zapisana na starcie animacji odległość) i używasz wać tego percent
do czego dusza zapragnie :3źródło: comment_kciRSPkBnI4eEnQpR7blZFqSlcV7g1Cy.jpg
Pobierzonload
nie wykonuje się. JSFiddle sam pakuje kod w onload
(masz po lewej na górze ustawienia).ReferenceError: CocoonJS is not defined
Wykop.pl
function preloadimagetocanvas(){
..var canvas = document.getElementById("canvas");
..var context = canvas.getContext("2d");
..var background = document.getElementById("backgroundpicture");
..canvas.width = background.width;
..canvas.height = background.height;
//rysowanie
..drawbackground(context, background, function(){
.... canvas.style.display = 'block';
.... canvas.style.position = 'inherit';
.... background.style.display = 'none';
..});
funkcja jest odpalana na onlodzie obrazka, więc nie powinno być tu żadnego problemu