设置画布元素作为div元素的背景

Question

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

问候

Answer 1

看起来你寻找toDataURL()。

UPD： 这里使用情况的exaple：

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

上的jsfiddle

Answer 2

直播demo听起来像是你需要canvas2image：https://github.com/hongru/canvas2image

您可以创建一个画布，然后让内容作为png：

var canvas = document.createElement("canvas"); 

....do stuff here... 

var img = Canvas2Image.convertToPNG(canvas, canvas.width, canvas.height); 

然后，所有你需要做的就是使用PNG作为背景图像：

document.body.style.background = "url(" + img.src + ")"; 

请纠正我，如果任何这是错误的。