EaselJS.Bitmapインスタンスを使用してHTMLImageElementを設定するにはどうすればよいですか？

Question

私はCreateJSで開発したゲームのヘルプページを作成しています。ヘルプページは普通のhtmlで行われます。私はヘルプページのいくつかのImage要素に、ゲームに由来するEaselJS.bitmapインスタンスのデータを設定したいと思います。これには最高のアプローチは何ですか？

Answer 1

ビットマップインスタンスは、HTMLImageElementsを使用して描画します。

すでにビットマップインスタンスが生成されている場合は、bmpInstance.imageにアクセスできます。文字列パスを使用してビットマップを作成する場合、これはおそらく最適なアプローチです。

var bmp = new createjs.Bitmap("path/to/image.jpg"); 
document.body.appendChild(bmp.image); 

あなたがPreloadJSを使用してプリロードされている場合は、その結果、あなたがビットマップを読み込むために使用するのと同じ方法で取得することができます：

var img = queue.getResult("imageId"); // <-- That is an image element 

希望に役立ちます！