javascript - 如何使用 javascript 移动 SVG 线

标签 javascript html svg

我不知道如何在 JavaScript 中从 SVG 元素设置 x1、y1、x2、y2 参数。

<svg height="210" width="500">
    <line id="line" x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

感谢您的帮助。

最佳答案

只是

var line = document.getElementById("line");
line.setAttribute("x1", "5");

等等

关于javascript - 如何使用 javascript 移动 SVG 线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24975475/

相关文章:

javascript - IE 中是否有 SVG TransformOrigin 的垫片

javascript - Navigator.webkitPersistentStorage 在 TypeScript 中的使用

javascript - Bootstrap selectpicker 奇怪的行为

javascript - 如何使用 Javascript 在 Canvas 上绘制 SVG?

JavaScript 没有重定向

javascript - 让图像每隔几秒随机出现在 div 中...如何实现?

java - Apache FOP svg 背景非常慢

javascript - 数据图 - 根据值更改颜色

javascript - 参数类型不可分配给类型参数

javascript - getElementsByClassName/Id 返回的数组中元素顺序是否一致?