创建一个"；面具；使用SVG中的文本

我目前正试图在svg中创建一个如下所示的注释图标，但文本周围的空间是语音气泡中的一个切割孔（与底部的图标不同）

我想要一个

元素，因为我使用react动态生成svg

有人知道这是否可能吗

谢谢

此过滤器使用“绿屏”技术：将内容中要区分的部分涂成单独的原色，然后使用颜色矩阵生成仅包含每个特定颜色内容的单独节点。处理内容后-最后使用另一个颜色矩阵将内容重新着色为最终（单一）所需颜色

3.

此过滤器使用“绿色屏幕”技术：将内容中要区分的部分涂成单独的原色，然后使用颜色矩阵生成仅包含每个特定颜色内容的单独节点。处理内容后-最后使用另一个颜色矩阵将内容重新着色为最终（单一）所需颜色

3.

到目前为止，您得到了什么？我有一个svg，其中一个

用于气泡，一个

用于计数器；我用多个css文本阴影绘制边框。我试着用文本做一个遮罩，但它没有考虑到边框的宽度。请把这个标记添加到问题中。到目前为止你得到了什么？我有一个svg，其中一个

用于气泡，一个

用于计数器；我用多个css文本阴影绘制边框。我试着用文字做一个遮罩，但没有考虑到边框的宽度。一定要把这个标记添加到问题中。有趣的技巧非常有趣。你是自己想出的还是有这样的解决方案？如果是的话，我可以请你提供这篇文章的链接。。我将非常感激。这里提到的不是矩阵理论，而是这项特殊的技术，是我自己开发的。我做了很多过滤工作：我用这个绿屏技术回答了一些其他问题-你可以看看其他svg过滤器标记的问题。这正是我想要的，非常感谢！我自己也不会找到解决方案，现在我看到了这个解决方案…奇妙的技术非常有趣。你是自己想出的还是有这样的解决方案？如果是的话，我可以请你提供这篇文章的链接。。我将非常感激。这里提到的不是矩阵理论，而是这项特殊的技术，是我自己开发的。我做了很多过滤工作：我用这个绿屏技术回答了一些其他问题-你可以看看其他svg过滤器标记的问题。这正是我想要的，非常感谢！如果我看到这个解决方案，我自己也找不到解决方案。。。