当画布使用CSS 2D转换时,如何在processing.js中修复点击坐标?

问题描述

| 我正在尝试学习canvas / processing.js,而我尝试的第一件事是获取abstractjs演示(可在此处或此处获得,并在开始时将其用于新事物。 关键是,我在某些时候使用了css 2d变换,这似乎与画布单击坐标弄混了-当我单击鼠标按钮时,图形弹出窗口不是从其下面而是被平移了一些-这很容易在我提到的演示站点上复制(只需应用-*-transform:translate(whatever))到canvas元素,您应该会看到相同的效果。 有没有简单的解决方法,或者是processing.js错误?     

解决方法

这不是错误,而是预期的行为:由于您正在使用处理素描,因此不应使用CSS来影响素描中的更改,而应在素描中使用代码。因此,如果要基于页面交互进行更改,只需使用javascript使页面在草图中调用方法,如http://processingjs.org/reference/articles/PomaxGuide#jstosketch中所述