применение свойств CSS в изображении с помощью CSS Plugin в Createjs - PullRequest
Новая
       64

применение свойств CSS в изображении с помощью CSS Plugin в Createjs

0 голосов
/ 25 июня 2019

пытается изменить свойства CSS изображения с помощью плагина CSS в Createjs, но я не могу этого сделать.Ребята помогите плз 

    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)

Ответы [ 2 ]

0 голосов
/ 26 июня 2019

Для этой конкретной демонстрации проблема заключается в том, что вы используете холст для отображения своего изображения.

EaselJS не поддерживает CSS, особенно перспективное преобразование.Вы можете выполнять типичные преобразования x / y / вращение / наклон / масштабирование, используя прямые свойства или метод setTransform(), но это все, что поддерживает 2D-canvas.

CSSPlugin для TweenJS должен влиять на преобразования CSSэлементов DOM и не предназначен для использования с объектами EaselJS.

Надеюсь, это поможет!

0 голосов
/ 26 июня 2019

Вы "установили" CSSPlugin? 

createjs.CSSPlugin.install();

TweenJS изначально работает только с числовыми значениями, но преобразование - это строка, состоящая из различных функций (перевод, масштабирование и т. Д.). CSSPlugin был обновлен в версии 0.8.2 для работы с преобразованиями.

Документация CSSPlugin

Обратите внимание, что CSSPlugin не включен в уменьшенную версию TweenJS, поэтому вам нужно загрузить его и добавить его в свой проект, если вы хотите его использовать.

Надеюсь, это поможет!

...