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

时间:2011-05-23 07:27:35

标签: canvas css3 processing.js

我正在尝试学习canvas / processing.js,我尝试的第一件事是获取abstractjs演示(可用herehere并在新的起点中使用它。

问题是,我在某些时候使用css 2d变换,这似乎与画布点击坐标混乱 - 当我点击鼠标按钮时,图形弹出不是从它下面,但是翻译了一下 - 这很容易在我提到的演示网站上重现(只需应用 - * - 转换:翻译(无论如何))到canvas元素,你应该看到相同的效果。

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

1 个答案:

答案 0 :(得分:0)

这不是错误,而是预期的行为:因为您正在使用Processing草图,所以您不应该使用CSS来实现草图中的更改,而是使用草图中的代码。因此,如果您想要根据页面交互执行更改,只需使用javascript将页面调用作为草图中的方法,如http://processingjs.org/reference/articles/PomaxGuide#jstosketch

中所述