Html 如果我使用<;路径>;在clipPath内部,但它适用于<;圆圈>;
我正在尝试使用svg创建clipPath图像。我正在尝试使用SVG的原生clipPath方法来实现这一点 我的问题是如果我在 图像不会被显示。但是如果我用一个圆代替路径,它 显示没有任何问题 我的代码在这里Html 如果我使用<;路径>;在clipPath内部,但它适用于<;圆圈>;,html,svg,clip-path,Html,Svg,Clip Path,我正在尝试使用svg创建clipPath图像。我正在尝试使用SVG的原生clipPath方法来实现这一点 我的问题是如果我在 图像不会被显示。但是如果我用一个圆代替路径,它 显示没有任何问题 我的代码在这里 感谢大家的支持, 将clipPathUnits=“objectBoundingBox”添加到clipPath解决了我的问题 <svg width="256" height="248" style="background: #333"> <defs> <
感谢大家的支持, 将clipPathUnits=“objectBoundingBox”添加到clipPath解决了我的问题
<svg width="256" height="248" style="background: #333">
<defs>
<clipPath id="ellipsePath" clipPathUnits="objectBoundingBox">
<path d="M0.785,0.075C0.52-0.031,0.337-0.022,0.141,0.185s-0.187,0.534,0.02,0.73s0.48-0.023,0.676-0.23
C1.034,0.478,1.092,0.198,0.785,0.075z"></path>
</clipPath>
</defs>
<image width="100%" height="100%" xlink:href="https://placeimg.com/256/248/any" clip-path="url(#ellipsePath)"/>
你的路这么小,难怪你什么也看不见。用拼写错误来拼写不会对未来的读者有帮助。