javascript - Paper.js mouse events not translating with canvas transforms -

for performance , aesthetic reasons, transforming canvas paper.js "drawing" in css transform (rotation). basically, on scroll, canvas rotates, transition-duration smooth out.

on top of that, paper.js paths have mouse events on them on hover change color. however, when css transform applied canvas, mouse events "disappear," lack of better word, , don't work. guess somewhere along line, css transform working on canvas drawn elements skipping on or applied differently on mouse events created paper.js tied paths. there solution?

i have answered same question here: https://github.com/paperjs/paper.js/issues/945