微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决当画布使用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中所述     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。