Safari MacOS 异物在 svg 内无法正确缩放

Nik*_*kos 5 safari svg foreignobject

更新日期

由于 Apple 是一家价值 2 万亿美元的公司,让我们尝试通过在此处提交错误报告来让他们解决此问题: https: //www.apple.com/feedback/safari.html

https://discussions.apple.com/thread/251753724?answerId=253364840022&page=1


在 Chrome 和 Firefox 中没有问题,但在 safari 中出现问题:在此输入图像描述

它应该看起来像 Chrome 中的:

如果我将固定样式=“位置:固定”添加到外部div,那么它们的位置是正确的,但它们的大小仍然是safari中较小的那个。

我尝试将 Body 添加到对象的根目录中,但这只是让它们从 Safari 中完全消失。这篇文章也提到了这一点:

Safari 不考虑应用于foreignObject 的缩放

您可以非常清楚地听到 safari(新 ie)不尊重缩放

在此输入图像描述