SVG AnimateTransform matrix problem
Jeg sidder og leger med noget SVG SMIL animation, altså ikke javascript, men jeg kan ikke regne ud hvordan jeg skal løse det problem jeg sidder med.Kort og godt har jeg et billede, som jeg ønsker at "flippe" vertikalt. Jeg troede først at løsningen var indlysende, omend ikke perfekt, nemlig at bruge animateTransform matrix from="1, 0, 0, 1, 0, 0" to="-1, 0, 0, 1, 100, 0 ...
Det gik naturligvis hurtigt op for mig at animateTransform slet ikke kan håndtere matrix.
Jeg har overvejet adskillige alternativer, men det er ikke rigtigt lykkedes mig at få noget til at virke.
Nedenstående er løsningen som virkede åbenlys, men som naturligvis ikke virker:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100">
<path d="m 0,0 20,100 20,0 3,-15 14,0 3,15 20,0 L 100,0 80,0 70,50 60,0 40,0 30,50 20,0 z M 6,5 16,5 30,75 44,5 56,5 70,75 84,5 94,5 76,95 64,95 61,80 39,80 36,95 24,95 z m 44,20 -9,45 18,0 z m 0,25 3,15 -6,0 z">
<animateTransform attributeName="transform" attributeType="XML" type="matrix" from="1, 0, 0, 1, 0, 0" to="-1, 0, 0, 1, 100, 0" additive="sum" begin="1s" dur="5s" fill="freeze"/>
</path>
</svg>
Håber i kan hjælpe.
Tak for nu.