如何用html5设置图像样式？

Question

我想使用HTML5创建图像，使用HTML5我可以设置图像的任何属性。

var img = new Image()
img.id="image1"
img.name
img.src="image1.jpg"
img.style="-webkit-transform: rotate(90deg)"

结果将成为

<img src="image1.jpg" id="image" name="asdasd">

除了样式之外都会有效，因为我希望结果是

<img src="image1.jpg" id="image" name="asdasd" style="-webkit-transform: rotate(90deg);">

请帮助我，thx

Answer 1

我认为应该是：

img.style['-webkit-transform'] = 'rotate(90deg)';

（see this page）

Answer 2

您可以像这样设置cssText字段

var img = new Image()
img.id="image1"
img.src="image1.jpg"

img.style.cssText = '-webkit-transform: rotate(90deg)'

然后，当您评估元素的标记时，它将显示

<img id="image1" src="image1.jpg" style="-webkit-transform: rotate(90deg);">