#碎碎念 #坑 🤡 败了，经过几天的奋斗认清事实了，不用 svg 了直接定位了，svg + foreignObject + transform + 一些 xy 魔法在 Safari 里就是古神一般的存在，同样的代码在 Chrome 里 work 的非常自然，打开 Safari 的时候定位全乱是多么痛的体验，调试起来也是完折磨

cosine - 前端人の日常频道

#碎碎念 #移动端适配 #坑我恨 Safari（咬牙切齿）当你在用svg + foreignObject + transform 和 svg 里各种定位的时候会在 Safari 上收获一坨 bug！！！还贼 tm 难调，日常安卓上和设备仿真上都是正常的 Safari 异常我发现 iOS Safari 中有关 foreignObject 的一个奇怪的错误。当我为 opacity 中的 HTML 内容设置 CSS 样式（在我的例子中是一个按钮）时，它会在 SVG 上绝对定位。但是当我移除 opacity…

#碎碎念 #坑
🤡 败了，经过几天的奋斗认清事实了，不用 svg 了直接定位了，svg + foreignObject + transform + 一些 xy 魔法在 Safari 里就是古神一般的存在，同样的代码在 Chrome 里 work 的非常自然，打开 Safari 的时候定位全乱是多么痛的体验，调试起来也是完
折磨。换了 dom + 绝对定位实现完整个人都舒心了无比流畅。

为什么，为什么这个定位会偏，为什么安卓上不会偏（选中）（看size看坐标）（对的啊）

有空想办法整整最小复现看看。