当canvas使用css 2d转换时,如何修复processing.js中的点击坐标?

当canvas使用css 2d转换时,如何修复processing.js中的点击坐标?,canvas,css,processing.js,Canvas,Css,Processing.js,我正在尝试学习canvas/processing.js,我尝试的第一件事是获得abstractjs演示,或者在一个新的起点上使用它 问题是,我在某个点使用css 2d变换,这似乎会弄乱画布点击坐标-当我点击鼠标按钮时,图形不会从下面弹出,但是被翻译了一点-这很容易在我提到的演示站点上复制-只需将-*-transform:translateEverything应用于canvas元素,您应该会看到相同的效果 是否有一个简单的解决方法,或者它是一个processing.js错误?这不是一个错误,而是预

我正在尝试学习canvas/processing.js,我尝试的第一件事是获得abstractjs演示,或者在一个新的起点上使用它

问题是,我在某个点使用css 2d变换,这似乎会弄乱画布点击坐标-当我点击鼠标按钮时,图形不会从下面弹出,但是被翻译了一点-这很容易在我提到的演示站点上复制-只需将-*-transform:translateEverything应用于canvas元素,您应该会看到相同的效果


是否有一个简单的解决方法,或者它是一个processing.js错误?

这不是一个错误,而是预期的行为:因为您使用的是处理草图,所以不应该使用CSS来影响草图中的更改,而是在草图中使用代码。因此,如果您希望基于页面交互执行更改,只需使用javascript将页面调用作为草图中的一个方法,如中所述