图形beginBitmapFill画架

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

很明显，你传递一个字符串而不是一个Image（HTMLImageElement）。

尝试：

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

或

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