javascript - 图形开始位图填充画架js

Question

我想显示像这个例子这样的形状：http ://www.createjs.com/#!/EaselJS/demos/game

我想加载用图像填充的形状。这就是我所做的：

var img = "<img src='http://nielsvroman.be/twitter/root/easeljs/image.png'>";

//setup
this.graphics.clear();
this.graphics.beginStroke("#FFFFFF");
this.graphics.beginBitmapFill(img); 
this.graphics.moveTo(0, size);

但我不断收到此错误：

未捕获的 TypeError：类型错误

此错误是在 Graphic.js 中创建的：

文档： http: //nielsvroman.be/twitter/root/game.html

Answer 1

很明显，您传递的是字符串而不是图像（HTMLImageElement）。

尝试：

var img1 = new Image();
img1.src = 'image1.png';

或者

var img1 = document.createElement('img')
img2.src = 'image2.jpg';