我已经在 HTML 页面中创建了一个 SVG 图像,现在我想移动 SVG 形状以使用
JavaScript 按钮。我的应用程序的 JSFiddle 在这里:http://jsfiddle.net/johndavies91/xwMYY/ http://jsfiddle.net/johndavies91/xwMYY/
按钮已显示,但单击按钮时未显示其功能。
函数代码如下;
function rotatex() {
document.getElementById("inner-arrow").setRotate(45,NativeCenterX,NativeCenterY)
}
function rotatey() {
document.getElementById("middle-arrow").setRotate(45,NativeCenterX,NativeCenterY)
}
function rotatez() {
document.getElementById("outer-arrow").setRotate(45,NativeCenterX,NativeCenterY)
}
及其相应的按钮;
<input id="button1" type="button" value="Rotate Inner Short Arrows 45*"
onclick="rotatex()"/>
<input id="button1" type="button" value="Rotate Middle Short Arrows 45*"
onclick="rotatey()"/>
<input id="button1" type="button" value="Rotate Outer Short Arrows 45*"
onclick="rotatez()"/>
我试图围绕形状的原点旋转它们。有人可以向我解释一下吗
为什么这个代码不起作用。谢谢
请参阅此处更新的小提琴:http://jsfiddle.net/2da4B/ http://jsfiddle.net/2da4B/
这使用.setAttribute("transform", "rotate(45)")
代替setRotate
:
function rotatex() {
var innerArrow = document.getElementById("inner-arrow");
innerArrow.setAttribute("transform", "rotate(45)");
}
绕着它旋转 45 度0,0
起源 - 从你的问题中不清楚这是否是你正在寻找的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)