Javascript 排除重叠的形状和文本

可以排除

HTML

/

CSS

/

JavaScript

中重叠的svg形状和文本？有什么想法吗

带有“ribbon”和“bakery”文本的示例：

---

将文本的颜色设置为透明..英寸CSS@PrasannaAarthi这将使文本不可见，而不是“剪切”背景…JS或HTML在这里不会真正帮助您。不过，现在浏览器中对SVG的支持还不错！如果您正在寻找仅适用于webkit的解决方案，请查看@xec ya。。bt您可以尝试使用文本阴影或文本轮廓属性..我不确定浏览器兼容性，但我认为最简单的跨浏览器选项是带有透明剪切的

.png

。。。