将画布元素设置为div元素的背景 [英] Set canvas element as background of a div element

问题描述

我们可以使用canvas来绘制自定义形状。
我需要动态绘制我的形状作为一个画布项目，并将其放置为一个div背景项目。
我的页面生成运行时，它们不是静态html代码，所以我不能使用棘手的方法。
您的想法是什么？

We can use canvas for drawing custom shapes. I need to draw my shape dynamically as a canvas item and place it for a div background item. My pages generates run time and they aren't static html code so i can't use tricky methods. What's your idea?

回顾

推荐答案

例如您在搜索 toDataURL（）。

UPD：
这里有一个用法exaple：

UPD: Here a usage exaple:

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

a href =http://jsfiddle.net/6t3xX/1/ =nofollow> demo on jsFiddle

Live demo on jsFiddle

这篇关于将画布元素设置为div元素的背景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！