我正试图通过fabric.js
绘制一些指导线,比如online editor app on printio.ru。
到目前为止,我在一个页面中放置了两个相同大小的画布,顶部是一个静态工作画布,用于绘制一些指导线,底部画布将包含一些交互对象这似乎是他们在上面链接的页面上的做法。
但是,我不能在底部画布上处理这些对象,因为顶部画布会中断鼠标事件。有没有办法让鼠标事件传递到底部画布?我想在上面的画布上写点类似的东西-有可能吗?
我想到了另一种解决方案:将引导线和其他对象放在一个画布上。我不喜欢这个解决方案,因为它添加了一些我不想添加到底部画布的内容,在这种情况下,我必须添加一些行实例,而不是只按context2d绘制行,我认为这样会降低性能
最佳答案
应用css属性pointer-events:none
对于上层元素,鼠标事件可以通过。
https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
它将适用于现代浏览器。
http://caniuse.com/#feat=pointer-events