-1

尝试使用 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)
4

2 回答 2

0

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

EaselJS 不支持 CSS，尤其是透视变换。您可以使用直接属性或setTransform()方法进行典型的 x/y/旋转/倾斜/缩放变换，但这是所有 2D 画布支持的。

TweenJS 的 CSSPlugin 用于影响 DOM 元素的 CSS 转换，不适合与 EaselJS 对象一起使用。

希望有帮助！

于 2019-06-26T18:38:48.317 回答
0

你“安装”了 CSSPlugin 吗？

createjs.CSSPlugin.install();

TweenJS 本身只适用于数值，但转换是由各种函数（翻译、缩放等）组成的字符串。CSSPlugin 在 0.8.2 版中更新以处理转换。

CSSPlugin 文档

注意 CSSPlugin 不包含在 TweenJS 的缩小版本中，所以如果你想使用它，你必须下载它并将它添加到你的项目中。

我希望这会有所帮助！

于 2019-06-26T14:52:36.360 回答