Question

在我的代码中，我将一个图像存储到一个变量中，直接从Javascript加载（我没有创建任何HTML标记链接到这个图像），这个图像是高清晰度。

根据用户的屏幕尺寸，我想使用特定值（宽度和高度）调整图像大小，我已经计算了这些值。我使用Javascript

修改了图像的大小

imgHD.width = modifiedWidth;
imgHD.height= modifiedHeight;

这很好用。我用

检查了一下

alert('newWidth: ' + imgHD.width + ' / newHeight: ' + imgHD.height);

并且值已更正。

我创建SpriteSheet并且画架使用HD中的图像而没有宽度和高度修改。

var spriteSheet = new createjs.SpriteSheet({
    // image to use
    images: [imgHD],
    // width, height & registration point of each sprite
    frames: { width: imgHD.width / imgSpriteNbr, height: imgHD.height / imgSpriteNbr, regX: imgHD.width / imgSpriteNbr / 2, regY: imgHD.height / imgSpriteNbr / 2},
    animations: {
        walk: [0, imgSpriteNbr - 1, "walk"]
    }
});

我是否可以直接从easelJS调整图像大小，是否可以通过另一种方式从Javascript调整图像大小，这可以通过easelJS正确解释？

我是画架的初学者，感谢

Answer 1

要以不同的大小创建SpriteSheet，您必须使用中间画布，并首先以不同的大小绘制图像，然后将其与SpriteSheet一起使用。

更简单的方法是缩放从SpriteSheet创建的精灵。

easelJS - 使用Javascript调整图像大小，然后将其与SpriteSheet一起使用

1 个答案: