raphael.js裁剪图像

时间:2011-04-12 08:43:27

标签: image svg raphael crop

我是raphael.js和svg的新手。我有一个图像元素,我可以在任何区域使用拖放选择矩形。问题是图像必须是透明的,但选择的矩形不是。

如果我使用css,我会为矩形和背景位置设置背景图像,但我没有找到svg的这种可能性(可能是vml for ie)。

如何裁剪图像并将其放在透明图像上或将背景位置设置为矩形?

UPD :实际上我找到了解决方案:对于每个新创建的矩形,我可以复制图像并使用clip-rect属性。但是这个解决方案并不符合我的需求。我不能旋转剪裁矩形区域,仅图像。

1 个答案:

答案 0 :(得分:0)

raphaël提供的矩形clip-rect是你在svg中可以做的事情的一个子集。

以下是旋转裁剪的示例:masking-path-02-b

这是一些更高级的东西:masking-path-07-b