jquery - 用 css 在 div 上覆盖 Canvas

标签 jquery html css

在我的网站上有一个 <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/

相关文章:

javascript - 使用Jquery动态创建带按钮的Div,具有关闭div的功能

c# - .NET 中的 try-catch 执行 jQuery 脚本

css - Bootstrap 2 span6

html -::before/::after 伪类不适用于视频元素

javascript - 选择单选按钮时启用单击按钮

javascript - 允许点击内部的链接返回 false

html - 在 apache trinidad 中覆盖元素样式

javascript - 为什么不需要调用jqueryAjax回调函数?

html - CSS 工作表不会加载到 Geocities 的网站上。

jquery - 当用户在其外部单击时,如何在 twitter bootstrap 3.1 模式对话框中的单击事件之前防止模糊事件。!