0
我是新来easelJS和我试图适应矩形内的图像。我可以设置x,y而不是宽度和高度。什么是正确的方法?适合图像的矩形内的easelJS
var stage = new createjs.Stage("canvas");
var layoutWidth = 0.8 * stage.canvas.width;
var layoutHeight = 0.6 * stage.canvas.height;
var layoutRect = new createjs.Shape();
layoutRect.graphics.beginStroke("black").drawRect((stage.canvas.width - layoutWidth)/2, (stage.canvas.height - layoutHeight)/2, layoutWidth, layoutHeight);
var imageContainer = new createjs.Shape();
imageContainer.graphics.beginStroke("black").drawRect((stage.canvas.width - layoutWidth)/2 + (layoutWidth - 0.25 * layoutWidth)/2, (stage.canvas.height - layoutHeight)/2 + 0.1 * layoutHeight, 0.25 * layoutWidth, 0.25 * layoutWidth);
var image = new createjs.Bitmap("pizza.jpg");
image.x = (stage.canvas.width - layoutWidth)/2 + (layoutWidth - 0.25 * layoutWidth)/2;
image.y = (stage.canvas.height - layoutHeight)/2 + 0.1 * layoutHeight;
stage.addChild(layoutRect, imageContainer, image);
stage.update();
我想将图像放在图像容器中。
这有正确的想法,但我会建议,而不是缩放位图,而不是源图像。这使您可以在事物发生变化时更好地控制尺寸,并且您可以每次使用图像的原始尺寸。这是一个更新的尖峰,在“适合”和“填充”比例之间切换。它不是使用containerBounds,而是在Canvas元素中缩放和居中。 http://jsfiddle.net/lannymcnie/7mt9nzbp/ – Lanny