search

timkokes / svgweb

Automatically exported from code.google.com/p/svgweb
0 stars 0 forks source link

Path's fill image doesn't move with path on translate and transform animations #636

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago 
What steps will reproduce the problem?
1. Add such SVG code:
<svg height="390" version="1.1" width="150" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <pattern id="7DE8C2DB-A929-4D7A-B8F4-94DB6BF1C670" x="0" y="0" patternUnits="userSpaceOnUse" height="150" width="150" patternTransform="matrix(1,0,0,1,0,0) translate(0,0)">
            <image x="0" y="0" xlink:href="images/hermes.png" width="150" height="150">

            </image>
        </pattern>
    </defs>
    <path fill="url(#7DE8C2DB-A929-4D7A-B8F4-94DB6BF1C670)" stroke="none" d="M10,0L140,0L150,75L0,75L10,0" transform="matrix(1,0,0,1,0,0)">

        <animate attributeType="xml" attributeName="d" from="M10,0L140,0L150,75L0,75L10,0" to="M0,0L150,0L150,150L0,150L0,0" begin="2s" dur="2s" repeatCount="1" fill="freeze" />
        <animateTransform attributeType="auto" attributeName="transform" type="translate" from="0,0" to="0, 20" begin="2s" dur="2s" repeatCount="1" fill="freeze" />
    </path>
</svg>
2. You can use any image unstead images/hermes.png.
3. Watch differences in SVG and Flash render. When path begins to move and 
transform - image doesn't move in Flash, but moves in SVG. When I disable any 
of these animations - all works perfectly.

svgweb version - svgweb-2011-02-03-Lurker-Above, Browser - Chrome 15.

You can see render differences after animation on attached image.

Original issue reported on code.google.com by steelrat...@gmail.com on 18 Nov 2011 at 4:02

Attachments: