小编Cap*_*ght的帖子

使用JS更改svg元素的位置

尝试制作一个可以在按下按钮时移动的svg矩形。现在,我只希望x被一个函数修改。

function modX()
{
  document.getElementById("rectangle").transform = 'translate(295 115)';
}
var x = 20;
var y = 20;
modX();
Run Code Online (Sandbox Code Playgroud)
<svg  width="1000" height="1000" >
  <rect id="rectangle" x="0" y="20" width="100" height="100" 
  style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)"></rect>
</svg>
Run Code Online (Sandbox Code Playgroud)

我对代码很陌生,因此请避免使用CSS或jquery。

html javascript svg

5
推荐指数
1
解决办法
3095
查看次数

标签 统计

html ×1

javascript ×1

svg ×1