代码之家 › 专栏 › 技术社区 › John

easeljs背景图像矩形-封面

easeljs createjs

John · 技术社区 · 8 年前

我希望形状的背景图像定位如下:

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

谁能告诉我怎么做。谢谢:)

1 回复 | 直到 8 年前

Lanny 8 年前

如果你想在EaselJS中使用背景图像,你不能使用CSS。

bitmapFill 使用EaselJS graphics,它使用图像填充图案。

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/