Javascript 在webview中放置svg对象

Javascript 在webview中放置svg对象,javascript,d3.js,svg,webview,ionic,Javascript,D3.js,Svg,Webview,Ionic,我目前正试图在(Android和iOS)网络视图中集中(垂直和水平)对齐文本对象内的多个tspan 现在,我有一个json对象数组,键值对对应于属性及其值。我使用d3将其渲染成svg,这个过程发生在ionic应用程序中 在浏览器方面,一切都很好,移动客户端,然而,团体拒绝将他们的属性传递给他们的孩子。这本身就是一个问题,但关于帽子的问题已经解决了 现在真正的问题是,在tspans中的svg文本对象中对齐包装的文本。我可以编写一个解决方案,沿着这些线得到BBox或其他东西,计算它,然后取x坐标和宽

我目前正试图在(Android和iOS)网络视图中集中(垂直和水平)对齐文本对象内的多个tspan

现在,我有一个json对象数组,键值对对应于属性及其值。我使用d3将其渲染成svg,这个过程发生在ionic应用程序中

在浏览器方面,一切都很好,移动客户端,然而,团体拒绝将他们的属性传递给他们的孩子。这本身就是一个问题,但关于帽子的问题已经解决了

现在真正的问题是,在tspans中的svg文本对象中对齐包装的文本。我可以编写一个解决方案,沿着这些线得到BBox或其他东西,计算它,然后取x坐标和宽度/2计算偏移量,也可以对y坐标使用类似的过程

TLDR:
是否有一种方法可以使webview更符合规范?或者,在没有对机械师编码的情况下,如何将tspans置于其父容器的中心

通过使用变换而不是属性来解决它。我没有意识到不影响这些孩子的属性。我可能错了,但我可以告诉你一个翻译转换解决了这个问题。

你在你的tspanI中添加了text anchor=“middle”了吗?我没有,但我现在有了,仍然没有运气。问题是没有从其父代继承任何属性。我已经设法解决了大多数问题,但这一个似乎是最关键的。你能举起小提琴吗?否则这就像在黑暗中射箭一样。。