Html 如果我使用<;路径>;在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> <

我正在尝试使用svg创建clipPath图像。我正在尝试使用SVG的原生clipPath方法来实现这一点

我的问题是如果我在 图像不会被显示。但是如果我用一个圆代替路径,它 显示没有任何问题

我的代码在这里


感谢大家的支持, 将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)"/>


你的路这么小,难怪你什么也看不见。用拼写错误来拼写不会对未来的读者有帮助。