webkit浏览器中SVG模式图像的截取_Svg

webkit浏览器中SVG模式图像的截取

svg

webkit浏览器中SVG模式图像的截取,svg,Svg,我已经创建了具有模式图像的pill svg。它在FF、IE、Edge中看起来非常完美，但在Chrome中，Opera（webkit浏览器）图像被切断。这个问题在Safari和firefox的Mac上也存在。下面是codepen中的示例：有人知道发生了什么事吗只需将viewbox更改为“0 300 300”，图像宽度和高度也更改为300，在SVG中，您将面临许多与viewbox相关的问题，因此要更好地理解，请选中此链接只需将viewbox更改为“0 0 300 300”，图像宽度和高度

我已经创建了具有模式图像的pill svg。它在FF、IE、Edge中看起来非常完美，但在Chrome中，Opera（webkit浏览器）图像被切断。这个问题在Safari和firefox的Mac上也存在。下面是codepen中的示例：

有人知道发生了什么事吗

只需将viewbox更改为“0 300 300”，图像宽度和高度也更改为300，在SVG中，您将面临许多与viewbox相关的问题，因此要更好地理解，请选中此链接

只需将viewbox更改为“0 0 300 300”，图像宽度和高度也更改为300，在SVG中，您将面临许多与viewbox相关的问题，因此为了更好地理解，请选中此链接

O，非常简单的解决方案。谢谢O、非常简单的解决方案。谢谢