|Developer Diary – You Heard It Here First – Sunday, 6 March 2022|
|Use SVG to Create Scalable Graphics|
A Simple Example of SVG
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="250" height="150"> <rect x="40" y="40" height="80" width="110" style="stroke:#ff0000; fill: #0000ff"> <animateTransform attributeName="transform" begin="0s" dur="20s" type="rotate" from="0 80 80" to="360 80 80" repeatCount="indefinite" /> </rect> </svg>
If you do a web search, you can find plenty of examples of pure SVG animations to get you started with ideas. Also, you can just save a file out of Word, like I did, to create SVG with one button press. You can also use drawing applications like Inkscape or Illustrator to create SVG. Inkscape works both in Windows and Linux.
|return to John Chamberlain's home · diary index|
|Developer Diary · about · firstname.lastname@example.org · bio · Revised Sunday, 6 March 2022 · Pure Content|