События мыши Paper.js не транслируются с помощью преобразований canvas
Из соображений производительности и эстетики я трансформирую холст с помощью "рисунка" Paper.js с помощью преобразования CSS (вращение). По сути, при прокрутке холст вращается с продолжительностью перехода, чтобы сгладить его.
Кроме того, мои пути Paper.js содержат события мыши, поэтому при наведении они меняют цвет. Однако, когда CSS-преобразование применяется к холсту, события мыши "исчезают" из-за отсутствия лучшего слова, и они не работают. Я предполагаю, что где-то вдоль линии CSS-преобразование работает с нарисованными на холсте элементами, но пропускается или применяется по-другому к событиям мыши, созданным Paper.js, привязанным к моим путям. Есть ли решение?
2 ответа
Я ответил на тот же вопрос здесь: https://github.com/paperjs/paper.js/issues/945
paperjs не знает о преобразованиях CSS, поэтому он не может сопоставить события мыши с преобразованными позициями ваших фигур. Если вам нужно использовать преобразования, вы должны использовать paperjs transforms: transform. Я считаю, что это работает для слоя.