在 Chrome 移动设备和 iOS Safari 移动设备中呈现 SVG 时出现问题

Question

Video of the problem

当出现屏幕切换或浏览器最小化时会出现该问题，且仅出现在 svg 元素上。有没有人遇到过这个？怎么修？ imagem here

Answer 1

我成功纠正了 好过这个post

Clipping path in SVG not working in Safari 还有这个 post http://tutorials.jenkov.com/svg/clip-path.html 但我不得不做一些调整...

我是如何解决这个问题的

第一名 必须更改所有 sinline svgs

之前的内联结构

之前：[在此处输入图片描述][1] [1]: https://i.stack.imgur.com/W8Pbl.jpg 后： enter image description here

到目前为止我已经把所有的补丁都转换成了积分

在这项工作中帮助我的工具：

第一个关键工具，因为可以将路径代码转换为多边形的点代码 https://codepen.io/team/amcharts/full/zYORoNE software built on the code pen

2st 另一个工具来删除不必要的文本部分，例如大括号 ({}) 空格和逗号，因为转换工具将结果转换为 arrray

http://www.unit-conversion.info/texttools/replace-text/

第三个删除换行符的工具 https://www.textfixer.com/tools/remove-line-breaks.php

4 最后一个工具但同样重要，因为可以在最终将其插入代码之前直接在线测试 https://www.w3schools.com/graphics/tryit.asp?filename=trysvg_polygon

这是个好工具

最终结果：

之前 before applying any new structure

之后：after applying any new structure

我要感谢所有与我合作的开发人员，无论是通过创建免费软件还是制作 post，感谢所有人，Whosebug 的人们，谢谢！