Avatar billede zacariaz Nybegynder
10. juli 2011 - 15:06

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.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester