Question

我正在开发一个移动项目（带iOS 8.0.2的iPad）; 我想剪掉我的图像以便显示更少的图像。当在PC上显示时，它可以很好地工作，而我们在平板电脑上测试它时根本不显示剪切的图像。你有什么建议

    this.background = new createjs.Bitmap('some_image.png');
    //create a clipping of drawn image!
    var dims = this.background.getBounds();
    this.background.sourceRect = new createjs.Rectangle(0, 15, dims.width, dims.height);
    this.background.x = 248;
    this.background.y = 86;
    this.stage.addChild(this.background);

Answer 1

我遇到了同样的麻烦。我已经放弃使用Bitmap剪裁图像。我找到了另一个解决方案，这里是“

easeljs splitting an image into pieces

“祝你好运。

Answer 2

我正在锻炼，代码如下：

var img, stage;
function init() {
    //wait for the image to load
    img = new Image();
    img.onload = handleImageLoad;
    img.src = "./res/image.png";
}

function handleImageLoad(evt) {
    // create a new stage and point it at our canvas:
    stage = new createjs.Stage("canvas");

    // create a new Bitmap, and slice out one image from the sprite sheet:
    var bmp = new createjs.Bitmap(evt.target).set({x:200, y:200});
    bmp.sourceRect = new createjs.Rectangle(916, 101, 84, 84); 
    //x,y,width,height

    stage.addChild(bmp);

    stage.update();
}

这是一个例子： https://github.com/CreateJS/EaselJS/blob/master/examples/Filters_animated.html

在使用的Tablet EaselJS + sourceRect上看不到剪裁的图像

2 个答案: