easeljs背景图像rect - 封面

我有一个在easeljs的形状。最初创建时，它的背景颜色设置为白色。然后，在后面的某个点，我需要给这个矩形形状一个背景图像 - 我真的无法让它工作。easeljs背景图像rect - 封面

我想形状的背景图像定位是这样的：

background-image: url(images/background.svg); 
background-size:  cover;     
background-repeat: no-repeat; 
background-position: center center;

任何人谁可以告诉我如何处理这个。谢谢:)

来源

2017-08-04 John

如果你想使用EaselJS的背景图片，你不能使用CSS。

您可以改为使用带有EaselJS图形的bitmapFill，该图形使用图像进行图案填充。

var img = document.createElement("img"); 
img.src = "path/to/image"; 

var shape = new createjs.Shape(); 
shape.graphics.beginBitmapFill(img, "optionalRepeat", optionalMatrix); 
shape.graphics.drawRect(0,0,100,100);

这是表示它的行动快速小提琴：http://jsfiddle.net/lannymcnie/ogy1qmxn/2/

干杯，

来源

2017-08-04 15:23:31 Lanny

您好，感谢您的回复 - 我发现像其他线程。问题是我想让位图像我写我在最初的问题中显示的CSS一样行为。一个矩形的背景图像覆盖矩形根据相同的规则作为css bgsize覆盖:)这是可能的。 – John

你将不得不做数学来规模/缩放图像来覆盖。这是一个决定“掩盖”数学的小提琴，并且缩放背景。它也翻译它，所以它居中。 http://jsfiddle.net/lannymcnie/ogy1qmxn/7/ – Lanny

easeljs背景图像rect - 封面

回答

相关问题