createPattern()不成功

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Dive into HTML5

这是一个创建于 3589 天前的主题，其中的信息可能已经有所发展或是发生改变。

var canvas = document.getElementById("canvas");
var context = canvas.getContext('2d');
var img= new Image();
img.src='lamp.gif';

var pattern = context.createPattern(img,'repeat');

context.clearRect(0,0,canvas.width,canvas.height);
context.fillStyle = pattern;
context.fillRect(0,0,canvas.width,canvas.height);
context.fill();

结果是黑块，
createPattern直接写图片路径为啥不行

var

canvas

pattern

3 条回复 • 2015-02-26 07:10:30 +08:00

wovfeng

2015-02-25 08:20:48 +08:00 via iPhone

这里需要图片加载完的吧把你下面的代码写到 img.onload 里面试试？

strom001

2015-02-26 07:09:11 +08:00

@wovfeng 不管用呢。昨天我在html里加了个<img>成功显示了，今天再试又不行了。
现在加了<img>，然后用complete？alert(“不行”):(img.onload的部分)；
这样做还是不行，弹出不行。如果不加<img>，连弹都不弹
safari

strom001

2015-02-26 07:10:30 +08:00

complete删了，这是现在的
var canvas = document.getElementById("canvas");
var context = canvas.getContext('2d');
var pattern = context.createPattern(img, 'repeat');
var img= new Image();
img.src='lamp.gif';
img.conload=function() {
context.clearRect(0, 0, canvas.width, canvas.height);
context.fillStyle = pattern;
context.fillRect(0, 0, canvas.width, canvas.height);
context.fill();
};