错误代码(画布并没有填充图案)
<script type="text/javascript">
var c=document.getElementById("drawing");
var ctx=c.getContext("2d");
ctx.clearRect(0,0,c.width,c.height);
var img=document.getElementById("img")
var pat=ctx.createPattern(img,'no-repeat');
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();
</script>
正确的做法应该使用window.onload事件
<script type="text/javascript">
window.onload = function(){
var c=document.getElementById("drawing");
var ctx=c.getContext("2d");
ctx.clearRect(0,0,c.width,c.height);
var img=document.getElementById("img")
var pat=ctx.createPattern(img,'no-repeat');
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();
}
</script>