Question

试图在Createjs中使用CSS插件更改图像的CSS属性，但我无法这样做。伙计们请帮助

    var wheel = new createjs.Bitmap(preload_queue.getResult("bg"));
    stage.addChild(wheel);
    wheel.set({x:0 ,y:0})

    wheel.image.style.transform = "translate(20px, 30px)";
    wheel.image.style.perspective= "2000px";
    wheel.image.style.perspectiveOrigin = "left";
    createjs.Tween.get(wheel)
        .to({transform: "translate(500px, 50px)"}, 1000)

Answer 1

您“安装”了CSSPlugin吗？

createjs.CSSPlugin.install();

TweenJS本身仅适用于数值，但transform是一个由各种函数（translate，scale等）组成的字符串。 CSSPlugin已在0.8.2版中更新，以处理转换。

CSSPlugin Documentation

请注意，TweenJS的简化版本未包含CSSPlugin，因此，如果要使用CSSPlugin，则必须download it并将其添加到项目中。

希望对您有帮助！

Answer 2

对于此特定演示，问题在于您正在使用画布显示图像。

EaselJS不支持CSS，尤其是透视图转换。您可以使用直接属性或setTransform()方法执行典型的x / y / rotation / skew / scale转换，但这就是所有2D画布支持。

用于TweenJS的CSSPlugin将影响DOM元素的CSS转换，并且不适用于EaselJS对象。

希望有帮助！

在Createjs中使用CSS插件在图像中应用CSS属性

2 个答案: