0

我正在尝试编写 Adob​​e Edge 中元素的旋转属性的脚本,但无法计算出语法。

我正在尝试这个:

var element = sym.$("Rectangle");
element.css("transform", "rotate(25deg)");

但它根本不会改变旋转。对其他 CSS 属性使用完全相同的方法,例如:

var element = sym.$("Rectangle");
element.css("left", 150+myVar);

有人知道我如何在这里访问 transform:rotate 属性吗?谢谢!

4

2 回答 2

0

这是我用来处理各种浏览器的。任何时候在不同属性的分配方式存在差异时都需要这样做。您将通过这个示例在下面看到我的意思。我把它放在“点击”事件中,以便在点击时摆动名片。

如果转换在一个浏览器中有效,但在另一个浏览器中无效,您可以在 w3schools.com 上查找该属性,它会告诉您是否存在浏览器差异。

// Get us a random rotate transform value between -5 and 5
var rotate_val = Math.floor((Math.random()*10)+1) - 5;

// Get instance of this element
var card_element = sym.$("wr_business_card");

// Set a random rotation for the business card when clicked
card_element.css("transform", "rotate(" + rotate_val + "deg)");
card_element.css("-ms-transform", "rotate(" + rotate_val + "deg)");     /* IE 9 */
card_element.css("-webkit-transform", "rotate(" + rotate_val + "deg)"); /* Safari and Chrome */
于 2013-10-28T00:07:48.397 回答
0

您正在测试哪个浏览器?显然,transform 属性没有官方支持。所以你必须根据你的浏览器使用这个的修改版本。

http://www.w3schools.com/cssref/css3_pr_transform.asp

于 2013-02-28T18:50:09.223 回答