用SVG绘制三角形和点阵列

我想用这个代码绘制一个三角形（使用点阵列& SVG）。但是，当我编译这段代码时，我无法得到结果。我该如何修改此代码？用SVG绘制三角形和点阵列

<html> 
<body> 
<script> 
var svg = document.getElementById("svg"); 
var polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon"); 
svg.appendChild(polygon); 

var array = arr = [ [ 0,0 ], 
     [ 50,0 ], 
     [ 25,25 ], ]; 

for (value of array) { 
    var point = svg.createSVGPoint(); 
    point.x = value[0]; 
    point.y = value[1]; 
    polygon.points.appendItem(point); 
} 

polygon { 
    stroke: black; 
} 

<svg id="svg"> 
</svg> 

</script> 
</body> 
</html>

来源

2017-08-26 Joe

该代码是从my stack snippet。 Stack代码段将代码分成html，style和javascript部分。

您已将JavaScript部分正确放入脚本标记中，但您也已将样式部分放在该脚本标记中。这是正确组装成一个单一的html页面...

<html> 
<head> 
<style> 
polygon { 
    stroke: black; 
} 
</style> 
</head> 
<body> 
<svg id="svg"> 
</svg> 
<script> 
var svg = document.getElementById("svg"); 
var polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon"); 
svg.appendChild(polygon); 

var array = arr = [ [ 0,0 ], 
     [ 50,0 ], 
     [ 25,25 ], ]; 

for (value of array) { 
    var point = svg.createSVGPoint(); 
    point.x = value[0]; 
    point.y = value[1]; 
    polygon.points.appendItem(point); 
} 

</script> 
</body> 
</html>

来源

2017-08-26 13:00:03

有没有像在样式部分“标签的位置信息无效”的错误，当我编译在Eclipse中的代码。我该如何调试这个错误？ – Joe

在理论上，风格标签应该放在首位，尽管你没有一个 - 我编辑过这样的答案。如果这不能解决日食，那么日食有一个错误。 –

用SVG绘制三角形和点阵列

回答

相关问题