2011-04-12 13 views
3

私はraphael.jsとsvgの初心者です。私は画像要素を持っています。ドラッグ&ドロップを使用して任意の領域で四角形を選択できます。問題は、画像が透明でなければならないが、選択された矩形は透明ではないことである。raphael.js crop image

私はCSSを使用して、私は長方形と背景位置の背景画像を設定するだろうが、私はsvg(とおそらくvmlのためのそのような可能性を発見していない)。

画像をトリミングして透明な画像に重ねたり、背景の位置を矩形に設定するにはどうすればよいですか?

UPD:実際に私は解決策を見つけました:新しく作成された矩形ごとに、画像をコピーしてクリップ矩形属性を使用できます。しかし、この解決法は私のニーズに合っていません。私はクリップ - 矩形領域、イメージのみを回転することはできません。

答えて

0

raphaëlが提供する長方形のクリップレットは、svgでできることのサブセットです。ここで

は回転クリッピングの例です:masking-path-07-b

masking-path-02-b

はここで少し、より高度なものです