easeljs背景画像rect - cover - 優秀な図書館

私はeaseljsの形をしています。最初に作成されると、背景色が白に設定されます。その後、ラインの後のある時点で、この長方形に背景イメージを形成する必要があります。実際には動作させることはできません。easeljs背景画像rect - cover

私は形状の背景画像は、このように配置することがしたいと思います：どのように私に言うことができる

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

誰もがこれに近づきます。ありがとう:)

出典

2017-08-04 John

あなたがEaselJSで背景画像を使用したい場合は、CSSを使用することはできません。

代わりにbitmapFillを画像を使用してパターン塗りつぶしを行うEaselJSグラフィックスで使用できます。ここで

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 coverと同じ規則に従って矩形を覆う背景イメージを持つ1つの矩形です。可能ですか？ – John

あなたは画像をカバーするために画像のサイズ/スケールを計算する必要があります。ここでは、 "カバー"の数学を決定し、背景をスケールするフィドルです。それはそれが中心になるようにそれを翻訳する。 http://jsfiddle.net/lannymcnie/ogy1qmxn/7/ – Lanny

easeljs背景画像rect - cover

答えて

関連する問題