使用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文本（空格）

回答

相關問題