How do i make a aeroplane using svg cause i wanna animate it

Answer 1

Yuvraj Animate tag is just for SVG elements, not for every element. In order to animate an image, you have to use CSS keyframes or JavaScript...

Answer 2

I draw out a lot of designs on graph paper (10px per line) then use multiple SVG polygon points. Best of Luck.🙂

Answer 3

ya and u can use CSS to animate

Answer 4

it is better to use div tag for different parts and animate it with CSS

Answer 5

https://code.sololearn.com/WNzOMzEsd7m0/?ref=app

Answer 6

first insert an image and
use the keyframes like I have done to change position

Answer 7

Led 10 Dada can u answer my question on multiphase animation

Answer 8

SVG is not about images. In SVG you can use paths to create awesome graphics(lines, curves, arcs...). This is done by adding the coordinates of each point. That's why bobbie said you may need a graph paper.
If you want to upload an image you can just use <img src="img_url" alt=""> and then animate it.

Answer 9

Yuvraj U r welcomed!
I saw your code and you can not use <animate> tag for images.
In this case you should:
1. Use <path></path> to draw an airplane
2. Add <img src=...> and use CSS keyframes to change its position.

Answer 10

Add an image with id="a" and:
#a {
position: absolute;
top: 0;
animation: fly 5s infinite;
}
@keyframes fly{
0% {top: 5%; left:50%;}
40% {top: 20%; left:80%;}
80% {top: 50%; left:60%;}
100%{top: 90%; left:10%;}
}

You are free to change the positions(top or left) and add some more stages(not only 0, 40, 80, 100%).
Do you need an explaination how it works???

Answer 11

Glad you decided to do this... Hats of🎩

Answer 12

so you mean just add an image and put animate tag below it and animate it

Answer 13

sai you may have seen my code on moving box so can i replace the rectangle with an airplane using an img tag?

Answer 14

thanks a lot@Led10 deda

Answer 15

sai did u make it

Answer 16

can i just upload a svg image ,if yes then how

Answer 17

no thanks first ill complete my css course then ill give it a try myself thanks a lot man