2011-10-31 15 views
0

Raphael JSで画像を読み込むとこの問題が発生します。ラプセルjsクロップ画像

paper.image("images/image.png", 0, 0, 488, 300); 

をし、それはOKですが、私はそれが右に29pxトリミングするが、このイメージをロードしたいと思い、私はこのような試みている: 私はイメージをロードするためにこれをやっている

paper.image("images/image.png", 0, 0, (488-29), 300); 

しかし、私は私が規模を取得します。

私はhttp://raphaeljs.com/reference.html上の任意の情報を見つけることを試みたが、成功しません、また、({「幅」、(488から29}).ATTR使用すると、私は私が得ることができる方法

したくなるものではありませんこれが行わあなたのための

おかげであなたがclip-rectを使用する必要があり、画像をトリミングするために

答えて

3

を助ける(「可能なパラメータ」までの少しだけをスクロールし、クリップRECTは、第1である)?!

var theImage = paper.image("image.png", xPosition, yPosition, imageWidth, imageHeight); 
theImage.attr({"clip-rect":"0 0 100 150"}); 

このように、幅100ピクセル、高さ150ピクセルの画像の左上部分のみが表示されます。

+0

ありがとうございます。私はより良いsvgのドキュメントを読む必要があります。例えば右上の部分を表示するために画像をトリミングすることは可能ですか? – gerpaick

+0

clip-rectの属性はx、y、width、heightなので、画像の任意の部分を切り抜くことができます –

関連する問題