4、圖片的顯示

現今的內容展示,簡單的文字已經無法吸引讀者的眼球。我們往往需要添加圖片、音頻、視頻等元素吸引用戶。下面我們來一起看看圖片的顯示實現。

1、 創建舞臺

var stage = new createjs.Stage("myStage");

2、實例化圖片對象

  // 可以使用圖片url、base64字符串
  // (如果使用圖片url注意要將代碼放在web服務器環境下訪問,此處有跨域資源限制問題將不能顯示圖片)
  var img = new createjs.Bitmap('https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=938848384,3548229994&fm=111&gp=0.jpg');

3、 調整圖片位置

  img.x = 100;

4、添加圖片到舞臺

 stage.addChild(img);

5、更新舞臺
stage.update();

顯示結果:

clipboard.png

done完成!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章