css - 将 canvas 元素设置为 div 元素的背景

标签 css html

我们可以使用 Canvas 来绘制自定义形状。 我需要将我的形状动态绘制为 Canvas 元素并将其放置在 div 背景元素中。 我的页面生成运行时,它们不是静态 html 代码,所以我不能使用棘手的方法。 你有什么想法?

问候

最佳答案

您似乎在搜索 toDataURL() .

更新: 这是一个用法示例:

dataUrl = your_canvas.toDataURL();
your_div.style.background='url('+dataUrl+')'

直播demo在 jsFiddle 上

关于css - 将 canvas 元素设置为 div 元素的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16011168/

相关文章:

javascript - 删除页脚下方的空白

html - 在 flex grow box 中包含另一个 div 并将其包含在父 div 中

css - 用于创建、体验新布局和设计的工具是什么?

javascript - CSS 和 JS 文件丢失错误

html - 有没有办法让 iframe 全屏显示?

jquery - 用 jquery 更新背景图像?

html - 如何仅使用 css 更改 html 元素的位置?

javascript - 如何测试 :before selector with Jasmine in an Angular 6 project? 的内容

html - 无法将面板 div 居中

javascript - DIV 层和 jquery click 函数