Question

我的做法出了什么问题？

我想允许用户输入0到180度的值来旋转图片。

如果我使用下面的代码，那就完美了。

document.getElementById('myCanvas').setAttribute("style", "position:relative;height:1024px;width:100%; transform: rotate(45deg)" );

但是，如果我使用如下代码中的变量，则不执行旋转。

var deg = 45;
var rotation = "transform: rotate(" + deg + "deg)";
document.getElementById('myCanvas').setAttribute("style", "position:relative;height:1024px;width:100%; rotation" );

如何管理我的要求？

提前谢谢。

Answer 1

查看您的代码，我认为您的问题是因为您错过了一些连接。试试这个：

rbind(a, b, c)

#   [,1]                      
#a "dog cat carrot cabbage"  
#b "orange cat chair cabbage"
#c "dog phone book beach"

更进一步

如果您希望var deg = 45; var rotation = "transform: rotate(" + deg + "deg);"; // Note: Extra semicolon in string var element = document.getElementById('myCanvas') element.setAttribute("style", "position:relative;height:1024px;width:100%;" + rotation);根据用户输入进行更改，那么我建议在页面中添加一个输入元素，等待点击（或更改）事件，然后更新图片的样式：

degree

如何使用变量参数来旋转图片

1 个答案:

更进一步