0
How to use path for animating an svg element
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 ,
+ 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>
+ 1
I will try it. Thank you.
0
I have checked websites. They provide more advnved examples. I need a simplle example.
0
Well you should try drawing things yourself
0
This one is great. Thank you