【问题标题】:how to change clipPath on an image如何更改图像上的剪辑路径
【发布时间】:2012-02-17 22:57:33
【问题描述】:

有没有办法将图像的clip-path 属性更改为另一个clipPath 元素?

似乎setAttribute('clip-path', newClipPath) 不起作用。

【问题讨论】:

  • 要明确:属性是'clip-path',对应的元素叫做'clipPath'。是的,它应该可以工作,但如果没有更多细节,很难说你做错了什么。

标签: svg


【解决方案1】:

请看这里http://jsfiddle.net/GhRnn/2/ Google 徽标使用不同的剪辑路径进行剪辑,定义在 def 部分。 点击按钮,查看它的实际效果。

【讨论】:

  • 感谢您的回答。我试过这个例子。它在 Firefox 10.0.1 中运行良好,但在 chrome 16 中“水平中心剪辑”失败。而且我还注意到浏览器之间存在很多 svg 实现差异,尤其是在进行剪辑和动画时。