createJs学习之Bitmap 类

[fredshare]

createJS之EaselJS教程之3 Bitmap 类

按照显示的属性绘制一幅图，一个视频或者画到画布上，构造函数可以传url或者图片对象。

举例

function drawBitmap() {  
    var stage = new createjs.Stage("demoCanvas");   
    var bitmap = new createjs.Bitmap(img);
    bitmap.cache(0, 0, 500, 500);
    stage.addChild(bitmap);
    bitmap.x = 0;
    bitmap.y = 0;            
    stage.update();         
}  
function init() {  
    window.img = new Image();
    img.src = "./logo.jpg";             
    img.onload = function(){
        drawBitmap();
    }
}

说明

1. 当图片一定要事先加载完毕才能调用bitmap。
2. svg源的位图的alpha值只能是0和1，为了绕开这个bug，可以使用位图缓存
3. svg源的位图如果包涵跨域的数据，会污染canvas（阻止相互交互），除了最新版的firefox，其他浏览器都会触发；
4. 跨域的图片位图会当发生鼠标点击等交互行为的时候引起如下错误：cross-origin security errors ，你可以如下设置避免：

img.crossOrigin="Anonymous"

[tankxxl]

写一篇文章，好编辑吗？

[fredshare]

@tankxxl 好编辑呀，用markdown

[kinglisky]

正在找各种createjs的学习资料，赞一个