gpt4 book ai didi

javascript - RaphaelJs 剪辑路径和剪辑矩形冲突

转载 作者:行者123 更新时间:2023-11-28 10:02:44 26 4
gpt4 key购买 nike

我有一个矩形,我正在其中渲染图像。我正在使用Raphael的clip-rect来裁剪矩形区域之外的图像。同时,我需要为图像和矩形提供剪辑路径,以便它们无法超出该特定路径。Raphael 正在做什么,将我的图像的 Clip-Right 属性转换为 Clip-Path,然后在之后,用新的 Clip-Path 覆盖该 Clip-Path。我怎样才能克服这个问题,让我的剪辑矩形和剪辑路径都可以工作???

最佳答案

将剪辑矩形应用于元素适用于矩形内的图像,并进一步将剪辑路径应用于应用于元素的剪辑矩形,解决了问题。

<clipPath id="a">
<path..../>
</clipPath>
<clipPath id="b" clip-path="url(#a)">
<rect../>
</clipPath>
<image id="b" clip-path="url(#b)">

关于javascript - RaphaelJs 剪辑路径和剪辑矩形冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8926764/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com