从CSS更改SVG文本的x值

Fra*_*ans 2 html css svg

无论如何,可以从样式表中更改此文本的x值吗?

<text class =“ jqx-chart-axis-text” x =“ 7” y =“ 11” width =“ 50” height =“ 37” cursor =“ default”> 70000

小智 6

您可以transform: translateX(5px)用来更改文本元素的x坐标。


Eli*_*Eli 1

用于样式设置的 CSS不会改变值。在这种情况下你需要使用 Javascript:

document.getElementById("jqx-chart-axis-text").setAttribute("x", "10");
Run Code Online (Sandbox Code Playgroud)

演示: http: //jsfiddle.net/5sh6X/

  • 在我看来,xy 坐标是样式。这与在 html 中更改 left 或 top 相同,不是吗? (2认同)