从CSS更改SVG文本的x值

时间:2013-03-25 09:06:30

标签: html css svg

无论如何都要从我的样式表中更改此文本的x值吗?

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

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:2)

您可以间接地影响它,但x不是css属性(还)。

您可以使用CSS影响text-anchor。在未来,希望有可能在svg内容中设置transform样式,但所有浏览器都不支持它。

答案 2 :(得分:0)

CSS用于样式而非更改值。在这种情况下你需要使用Javascript:

document.getElementById("jqx-chart-axis-text").setAttribute("x", "10");

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