SVG échelle cercle de centre
Je tiens à l'échelle de mon arc qui est incorporé dans le svg. Tout s'appliquent transformation d'échelle, il est mis à l'échelle vers 0, 0. Au lieu de cela, je veux qu'il soit mis à l'échelle centre de son propre.
voici le code
<g>
<path d="M 300 100 a 200 200 0 1 0 0.00001 0" fill="#7EEC4A" stroke="rgb(208,231,235)" linejoin="round" stroke-width="1" fill-opacity="0.9" stroke-opacity="0.2">
</path>
<animateTransform attributeType="xml"
attributeName="transform"
type="scale"
from="0"
to="1"
dur="0.5s" fill="freeze" />
</g>
OriginalL'auteur user10 | 2012-07-17
Vous devez vous connecter pour publier un commentaire.
Pas entièrement satisfaisante, car j'ai été incapable de laisser inchangée à votre forme d'origine, mais l'effet requis semble OK:
Vous pouvez essayer cette violon
OriginalL'auteur CapelliC
À l'aide de la
<circle>
élément et l'animation de la "r" d'attribut:Je me demande si vous avez noté que la réponse n'a pas d'adresse tous des problèmes dans la question, à partir de l'aide de autre, la plus simple, la forme que nécessaire...
Vous avez tout à fait raison et les nouveaux arrivants à cette technologie ont besoin de comprendre les différences here.@ProllyGeek La question posée de savoir comment animer échelle, pas de rayon. Alors qu'en effet le même visuel pour un cercle, les implications de ce concept appliqué à d'autres éléments est très différente. Cela ne devrait pas être choisi comme la réponse correcte.
OriginalL'auteur mbonnin