0

How to use path for animating an svg element

15th Apr 2020, 6:36 PM
Prahlad Mondal
Prahlad Mondal - avatar
7 Answers
+ 1
Search on any site ,you will get answers with examples ,path takes many things like M for starting point ,V for vertical line ,H for horizontal line ,Z for close path ,C for drawing a curve ,these all uppercase alphabets can be lowercase as well , capital A means absolute path ,small a means relative path and such is the case with any other ,
15th Apr 2020, 7:49 PM
Abhay
Abhay - avatar
+ 1
<style> svg{ stroke:black; fill:none; } </style> </head> <body> <svg height="300" width="300"> <path d="M100 100 H200 V150 H100 V100"></path> </svg>
15th Apr 2020, 8:03 PM
Abhay
Abhay - avatar
+ 1
I will try it. Thank you.
15th Apr 2020, 8:05 PM
Prahlad Mondal
Prahlad Mondal - avatar
15th Apr 2020, 11:14 PM
visph
visph - avatar
0
I have checked websites. They provide more advnved examples. I need a simplle example.
15th Apr 2020, 7:51 PM
Prahlad Mondal
Prahlad Mondal - avatar
0
Well you should try drawing things yourself
15th Apr 2020, 7:59 PM
Abhay
Abhay - avatar
0
This one is great. Thank you
16th Apr 2020, 5:47 AM
Prahlad Mondal
Prahlad Mondal - avatar