raphael.js 裁剪图像
我是 raphael.js 和 svg 的新手。我有一个图像元素，我可以在任何区域中使用拖放操作来选择其上的矩形。问题是图像必须是透明的，但选定的矩形不是。
如果我使用 css，我会为矩形和背景位置设置背景图像，但我还没有发现 svg 的这种可能性（可能还有 ie 的 vml）。
如何裁剪图像并将其放在透明图像上或将背景位置设置为矩形？
UPD：实际上我找到了解决方案：对于每个新创建的矩形，我可以复制图像并使用剪辑矩形属性。但这个解决方案不符合我的需求。我无法旋转剪辑矩形区域，只能旋转图像。
I am newbie to raphael.js and svg. I have an image element, i can select rectangles on it using drag and drop in any area. The problem is that image must be transparent, but selected rectangles not.
If i used css i would set background-image for rectangles and background position, but i have not found such possibility for svg (and probably vml for ie).
How can i crop the image and put it over transparent image or set background position to rectangle?
UPD: Actually i found the solution: for each newly created rectangle I can copy image and use clip-rect attribute. But this solution does not match my needs. I can not rotate clip-rect area, image only.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
raphaël 提供的矩形剪切矩形是您可以在 svg 中执行的操作的子集。
以下是旋转剪辑的示例： masking-path-02-b
这里有一些更高级的内容：masking-path-07-b< /a>
The rectangular clip-rect that raphaël provides is a subset of what you can do in svg.
Here's an example of rotated clipping: masking-path-02-b
Here's something a bit more advanced: masking-path-07-b