javascript - 图形 beginBitmapFill easeljs

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);

但我不断收到此错误:

Uncaught TypeError: Type error

此错误是在 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';