【问题标题】:raphael.js crop imageraphael.js 裁剪图像
【发布时间】:2011-08-03 16:53:23
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: image svg raphael crop


    【解决方案1】:

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

    这是一个旋转剪辑的例子:masking-path-02-b

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-05-22
      • 1970-01-01
      • 2022-01-23
      • 2023-04-02
      • 1970-01-01
      • 2015-02-02
      • 1970-01-01
      相关资源
      最近更新 更多