为html css实现网格和标尺

时间:2016-12-13 11:54:27

标签: javascript jquery html css

我正在使用JavaScript使用图像编辑器。它有多层图像,类似于Photoshop。如何在所有图层的顶部都有一个网格div,仍然可以单击并移动底部图层?我使用JQuery-ui进行可拖动和可调整大小。

这有什么黑客或解决方法吗?

2 个答案:

答案 0 :(得分:0)

尝试在网格/标尺元素上使用pointer-events: none;

您可以找到示例here

答案 1 :(得分:0)

这个问题最初被问到已经很久了,但下面的解决方案可能对访问这个问题的任何人都有帮助,以实现 html/JavaScript 画布应用程序的网格覆盖。

Grid Overlay using css

您可以轻松地使用 z-index/背景颜色来使网格叠加层下方的元素可点击。