在我的网站上有一个 <div>
里面有一些CSS样式的戒指。这就像安卓解锁模式。可以用不同方式连接的 9 个点。我想在上面覆盖一个 Canvas ,这样我就可以相应地测量用户绘制的图形和触摸点的颜色。覆盖它的最佳方式是什么?
最佳答案
设置{ position:relative; }
到你的 div
,和 { position: absolute; }
到您的 Canvas
。确保您的 Canvas 是您的 div 的子元素。接下来,将你的 Canvas 设置为与你的 div 相同的大小,这样你就有了一个 Canvas 覆盖层,你可以在其中绘制所有内容。
顺便说一句,默认情况下, Canvas 具有透明背景,所以它就像在您的 div 顶部放一张透明塑料纸,您可以在其中绘制所有图形(我想像在 android 中的线条。
至于圆圈,您可以通过 css 设置样式。
关于jquery - 用 css 在 div 上覆盖 Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25058135/