要做预加载,得显示一个进度条,进度条需要拉伸不变形,于是去搜了一下有没有类似flash影片剪辑里面“九宫格切片”的功能。
确实找到了,地址如下:
https://github.com/CreateJS/EaselJS/tree/6abc90f5c32a29e90666fc2c7dcde5d8b6c8a34f/extras/ScaleBitmap
但是有两个问题
1、只缩放宽/高的时候,显示有BUG
2、从基友那里拿到的图片素材是spriteSheet打包出来的,这个类只支持整张位图的切片,像这样:
所以要修改一下原来的代码
构造函数的地方:
this.snapToPixel = true;
//这里加入sourceRect属性
this.sourceRect = new createjs.Rectangle(0,0,this.image.width,this.image.height);
重写draw():
p.draw = function(ctx, ignoreCache) {