我目前正在向SVG附加多个foreignObject，并注意到在应用转换时：translate（-50％-50％）在Chromium中表示“ -50％的宽度和高度对象”，但在Chrome / Firefox / Edge中，它的意思是“窗口偏移量的-50％”。
我不确定哪个是对还是错，但是所需的功能是Chromium的逻辑。如何将其应用于所有其他浏览器？呈现的对象是：
<foreignObject id="bubble7" data-id="7"
x="1502.0229174501765" y="496.93078252741776" width="200" height="41" fill="black"
style="transform: translate(-50%,-50%)">
<textarea class="bubble place" style="height: 40px;">Some text</textarea>
</foreignObject>
请参阅以下jsfiddle，它将js的翻译框推到chrome的左上方，但在边缘效果很好：https://jsfiddle.net/c52bmxs9/6/