使用JavaScript创建SVG文本（空格）

我想获得一些操作经验 a SVGd3.js我被卡在文本中。不知何故，我无法改变文字的价值。使用JavaScript创建SVG文本（空格）

这是我试过的代码。

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="UTF-8"> 
    <title>FIXME</title> 

    <script type="text/javascript" src="d3.js"></script> 
    <link href="html5reset.css" type="text/css" rel="stylesheet"> 
    <link href="style.css" type="text/css" rel="stylesheet"> 
</head> 

<body> 

<div class="container"> 
     <div id="insertTextHere"> 
     </div> 
</div> 


<script type="text/javascript" src="script.js"></script> 

</body> 
</html>

只是一个html空的网页，其中一个div。这里是script：

var svg = d3.select(".chart").append("svg") 
     .attr("width", 500) 
     .attr("height", 250); 
svg.append("text") 
    .attr("x", 100) 
    .attr("y", 100) 
    .attr("rotate", 90) 
    .attr("fill", "red") 
    .attr("font-size",25) 
    .node.textContent="test";

文本为空，我无法找到一个方法来改变它的文本。有人可以帮我吗？

来源

2016-01-18 Painter 21

“div”与'.chart'相对应吗？ – Fawzan

这是有点难以理解的问题，

假设你想添加一个SVG到div和text节点添加到它，并更改文本值。

这是一个可以为你做的代码片段。正在工作fiddle

<div class="chart"> 
</div> 

<script> 
var svg = d3.select('.chart') 
.append('svg') 
.attr({ 
width : 300, 
height: 300, 
}) 
.style('background-color' ,'green') 
; 

svg.append('text') 
.attr({ 
x: 20, 
y: 30 
}) 
.text('Hello World') 
; 
</script>

来源

2016-01-18 13:21:34 Fawzan

使用JavaScript创建SVG文本（空格）

回答

相关问题