У меня есть SVG-файл с различными анимациями, написанными мной, я не могу увеличить изображение в теге изображения (мне это нужно как анимация). В теге SVG circle отлично подходит для увеличения и уменьшения анимации. пожалуйста, помогите мне, предоставив свое решение в чистом SVG.SVG-тег для увеличения изображения и анимации
<image id="img_id" x="200" y="200" width="50" height="50" preserveAspectRatio="none" xlink:href="my svg image as vector code"/>
<animateTransform
xlink:href="#img_id"
begin="1s" values="-150,-150; 0,0" dur="0.5s"
type="translate"
attributeName="transform"
fill="freeze" additive="sum"/>
<animateTransform
xlink:href="#img_id"
begin="1s" values="2; 1" dur="0.5s"
type="scale" attributeName="transform"
fill="freeze" additive="sum"/>
Мой SVG-код в JSfiddle!
Возможно, если вы добавили несколько примеров на этот вопрос было бы яснее, о чем вы говорите. –
Просьба добавить код, который вы попробовали. Это поможет. –
@Robert Longson & @ Jaffer Wilson ... Мой SVG-код в [JSfiddle] (https://jsfiddle.net/arunvalaven/c7uymgrn/1/)! Здесь один тег окружности, который отлично подходит для увеличения и уменьшения изображения, но у моего изображения svg нет. Кнопка воспроизведения тега изображения не приближалась и не приближалась, как этот тег круга. Пожалуйста, помогите мне ... – ArunValaven