LoginSignup
3
5

More than 5 years have passed since last update.

CreateJS - 画像を読み込んでStage上に描画する

Last updated at Posted at 2015-02-25

PreloadJSを使用して、画像を読み込んだところで、直接Stage上に追加することはできない。
Bitmapクラスのオブジェクトに包み、Stageに追加し、Stageを更新する。

var canvas = document.getElementById('canvas');
var stage = new createjs.Stage(canvas);
var preload = new createjs.LoadQueue();
var bitmap;
var result;

preload.addEventListener('fileload', handleFileComplete);
preload.loadFile('circle01.png');

function handleFileComplete(event){
  result = event.result;

  // Bitmapオブジェクトを生成する
  bitmap = new createjs.Bitmap(result);

  // StageにBitmapオブジェクトを追加する
  stage.addChild(bitmap);

  // Stageの状態を更新する
  stage.update();
}
3
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
5