我是 raphael.js 和 svg 的新手。我有一个图像元素,我可以在任何区域使用拖放来选择矩形。问题是图像必须是透明的,但选定的矩形不是。
如果我使用 css,我会为矩形和背景位置设置背景图像,但我还没有发现 svg 的这种可能性(可能是 ie 的 vml)。
如何裁剪图像并将其放在透明图像上或将背景位置设置为矩形?
UPD:实际上我找到了解决方案:对于每个新创建的矩形,我都可以复制图像并使用 clip-rect 属性。但是这个解决方案不符合我的需求。我无法旋转剪辑矩形区域,仅图像。
最佳答案
raphaël 提供的矩形 clip-rect 是您可以在 svg 中执行的操作的子集。
这是一个旋转剪裁的例子:masking-path-02-b
这里有一些更高级的东西:masking-path-07-b
关于image - raphael.js 裁剪图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5632548/