我们可以使用画布绘制自定义形状。 我需要动态地绘制我的形状作为画布项目,并将其放置为div背景项目。 我的网页生成运行时间,它们不是静态html代码,所以我不能使用棘手的方法。 你的想法是什么?设置画布元素作为div元素的背景
问候
我们可以使用画布绘制自定义形状。 我需要动态地绘制我的形状作为画布项目,并将其放置为div背景项目。 我的网页生成运行时间,它们不是静态html代码,所以我不能使用棘手的方法。 你的想法是什么?设置画布元素作为div元素的背景
问候
看起来你寻找toDataURL()。
UPD: 这里使用情况的exaple:
dataUrl = your_canvas.toDataURL();
your_div.style.background='url('+dataUrl+')'
上的jsfiddle
谢谢您的回复,我应该如何使用它? –
为我们提供您的HTML/JS。或者您想为我们写一个新页面吗? –
您可以抽样吗? –
直播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 + ")";
请纠正我,如果任何这是错误的。
您可能会发现这有帮助:http://stackoverflow.com/questions/2719668/an-html5-canvas-element-in-the-background-of-my-page –
@VimalStan我看到这之前,但它不是清除我:( –