createjsで画像を表示させたい

createjsでcanvasに画像を表示させたいのですが、なかなか上手くいきません。
画像はimgurというサイトに上げて、urlを取得し、そのurlで指定しています。
コードは下記のようなものです。コンソールにエラーは出ず、ただ画面が真っ白なままです。

window.onload = function(){

// Stageオブジェクトを作成
// ※canvasタグのid名を引数に指定
var stage = new createjs.Stage('myCanvas');

// Bitmapオブジェクトを作成
// ※画像ファイルパスを引数に指定
var bitmap = new createjs.Bitmap('https://imgur.com/a/NLz01vH');

// stageにBitmapオブジェクトを配置
stage.addChild(bitmap);

// canvasの描画設定
createjs.Ticker.addEventListener('tick', function(){
    stage.update();
});

}

何が間違っているのでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

2点程、誤りがあるようでした。
・HTML 側で事前に canvas を用意する必要があります。
・createjs.Bitmap() で設定している画像 URL に誤りがあります。

html
1<canvas id="myCanvas" width="600" height="300"></canvas>

javascript
1// var bitmap = new createjs.Bitmap('https://imgur.com/a/NLz01vH');
2var bitmap = new createjs.Bitmap('https://i.imgur.com/8F09e5M.jpeg');