html5图片形状设置,html5 – 如何将html 5画布的背景图像设置为.png图像

如

this example所示，您可以通过CSS将背景应用于画布元素，并且此背景将不被视为图像的一部分，例如。当通过toDataURL()获取内容时。

以下是示例的内容，对于Stack Overflow后代：

Canvas Background through CSS

canvas, img { display:block; margin:1em auto; border:1px solid black; }

canvas { background:url(lotsalasers.jpg) }

var can = document.getElementsByTagName('canvas')[0];

var ctx = can.getContext('2d');

ctx.strokeStyle = '#f00';

ctx.lineWidth = 6;

ctx.lineJoin = 'round';

ctx.strokeRect(140,60,40,40);

var img = document.getElementsByTagName('img')[0];

img.src = can.toDataURL();