Почему setAttribute не работает в Javascript с SVG? - PullRequest
Новая
       6

Почему setAttribute не работает в Javascript с SVG?

0 голосов
/ 10 января 2020

Я новичок в SVG и Javascript и был бы рад, если бы кто-нибудь мог мне помочь. У кого-нибудь есть идея, почему с этим кодом в SVG и Javascript

<g id="package1">

  <rect style="opacity:1;fill:#00b609;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect991" width="1.6536481" height="11.641669" x="145.52083" y="28.447916" />

</g>

<script type="text/javascript" id="move">
  var package1 = document.getElementById("package1");

  package1.setAttribute("transform", "translate(210,120) rotate(-10 50 100)");
</script>

ничего не происходит с прямоугольником angular, даже если его нужно повернуть?

Спасибо!

1 Ответ

1 голос
/ 10 января 2020

Это что-то делает. Вам нужно поместить ваш rect внутрь svg элемента. 

  setTimeout(() => {
    var package1 = document.getElementById("package1");

   package1.setAttribute("transform", "translate(210,120) rotate(-10 50 100)"); 
   }, 2000);
#package1 {
  border: 1pt solid red;
}
<svg id="package1">

  <rect style="opacity:1;fill:#00b609;fill-opacity:1;stroke:#ffffff;stroke-width:1;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect991" width="10.6536481" height="110.641669" x="145.52083" y="28.447916" />

</svg>
...