首页 > 解决方案 > SVG 溢出可见在 Windows 10 Chrome/Edge 中以不一致的方式呈现标记

问题描述

<svg>标签的宽度小于<marker>内部时,如果溢出属性设置为可见,则生成的图像仅在 Windows 10 Chrome/Edge 中具有不一致的宽度。它在 Windows 10 Firefox 中运行良好,并且在 Mac 中的所有浏览器上运行良好。

  1. 没有设置宽度<svg>

在此处输入图像描述

  1. 当宽度为 1px 时(注意它有多宽)

在此处输入图像描述

  1. 当宽度为 2px 时(正常尺寸)

在此处输入图像描述

您可以在不同的浏览器中尝试不同宽度的 codepen。

https://codepen.io/anandpopat9/pen/KKgVOGa?editors=1010

如果有人能对此有所了解,我将不胜感激。

谢谢!

标签: google-chromesvgoverflow

解决方案


推荐阅读