ARAVINDA VISHWANATHAPURA

Rotating Rust programming logo

Oct 8, 2014
1 minute read.
rust

Today I learned to animate any shape in SVG using animateTransform element, and tried it with Rust programming logo, here yo go :)

I downloaded SVG from here, and added animateTransform as child of path

<?xml version="1.0" encoding="windows-1252"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     x="0px" y="0px" width="144px" height="144px"
     viewBox="19 19 106 106" style="enable-background:new 0 0 144 144;"
     xml:space="preserve">
<path d="M122.631,69.716l-4.394-2.72....z">
    <animateTransform attributeType="xml"
                      attributeName="transform"
                      type="rotate"
                      from="0 71 71"
                      to="360 71 71"
                      dur="10s"
                      repeatCount="indefinite"/>
</path>
</svg>

Above code is partial, illustrative purpose only. You can download modified SVG from here

BTW, If you never heard of programming language Rust, Go and checkout rust-lang.org and Guide. It is awesome.

Rust is a systems programming language that runs blazingly fast, prevents almost all crashes*, and eliminates data races.

About Aravinda Vishwanathapura

Co-Founder & CTO at Kadalu Technologies, Creator of Sanka, Creator of Chitra, GlusterFS core team member, Maintainer of Kadalu Storage
Contact: Linkedin | Twitter | Facebook | Github | mail@aravindavk.in