SVG过滤器导致Firefox上出现意外裁剪
我使用的svg带有引用的。我的图像将使用PreserveSpectRatio缩小以适合。它在Chrome和Edge上的效果与预期一样,但在Firefox上,标签会导致图像意外地被裁剪。为了避免这个问题,我尝试了许多不同的定义坐标的方法,但到目前为止还没有找到解决方案 奇怪的是,我刚刚意识到,如果我在Windows显示设置中将屏幕缩放比例从100%设置为150%,问题就会消失,firefox显示的与Chrome相同 因此,问题是: 这是Firefox中的一个bug吗? 我想,有没有一种方法可以阻止这种情况的发生?我想,除了我尝试过的每一种方法之外,强制扩展过滤器边界框? 下面是一个代码笔,演示了该问题: 关于铬的结果: Firefox上的结果: 代码: 标题SVG过滤器导致Firefox上出现意外裁剪,firefox,svg,Firefox,Svg,我使用的svg带有引用的。我的图像将使用PreserveSpectRatio缩小以适合。它在Chrome和Edge上的效果与预期一样,但在Firefox上,标签会导致图像意外地被裁剪。为了避免这个问题,我尝试了许多不同的定义坐标的方法,但到目前为止还没有找到解决方案 奇怪的是,我刚刚意识到,如果我在Windows显示设置中将屏幕缩放比例从100%设置为150%,问题就会消失,firefox显示的与Chrome相同 因此,问题是: 这是Firefox中的一个bug吗? 我想,有没有一种方法可以阻止
这是一个Firefox错误,但似乎有一个解决办法。如果您在模式中去掉了PreserveSpectRatio/viewBox,而是将patternContentUnits设置为objectBoundingBox,那么也可以将过滤器stdDiviation表示为objectBoundingBox,尽管从技术上讲不应该是这样,并且为模式维度选择神奇的值-您可以获得在Firefox中工作的东西。当高度设置为1.2-不是1.1,不是1.3-只有1.2时,过滤器会神奇地取消旋转 请将其作为错误报告给