Передать переменную из js в svg
<svg id="example2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<image id="i0" width="300" height="300" x="150" y="0" xlink:href="logo.png" />
<animateTransform xlink:href="#i0" attributeName="transform" type="translate" from="900 300" to="0 620" dur="0.5s" fill="freeze" />
</svg>
<script type="text/javascript">
var x = document.body.clientWidth;
var y = document.body.clientHeight;
</script>
Есть такая вот анимация перемещения изображения. Как можно передать в параметр анимации from значение переменных x, y?
Ответы (1 шт):
Автор решения: Leonid
→ Ссылка
var x = document.body.clientWidth;
var y = document.body.clientHeight;
document.querySelector('svg animateTransform').setAttribute('from', x + ' ' + y);