动态绘制和绘制广场使用HTML画布

问题描述：

我需要使用html canvas来绘制下图。任何人都可以帮助我。动态绘制和绘制广场使用HTML画布

rahulserver其实我没有想法绘制三角形 –

你有我想这些数据里面的数据是指一种variables.So之间的关系获取上述三角形的公式并将其放入JavaScript中。您可以访问http://www.w3schools.com/html/html5_canvas.asp获取HTML画布上的教程。 – rahulserver

你的数据看起来像什么？你可能会看看d3（数据驱动设计）：http://d3js.org/在不知道你的数据的情况下，它看起来像你需要将Voronoi间距组合在一起。甚至可能是一个树形布局。无论如何，提供的信息太少，无法给你一个真正的答案，但你有一个有趣的图表！ – markE

答

首先可以访问到画布：

var can=document.getElementById('canvas1')

现在你需要一个背景下进行的绘图功能：

var pen=can.getContext('2d')

要绘制线条做到以下几点：

pen.beginPath() 
pen.moveTo(0,0) 
pen.lineTo(50,50) 
pen.closePath() 
pen.strokeStyle=rgb(255,0,0) 
pen.stroke()

要填充路径（像一个三角形）执行以下操作：

pen.beginPath() 
pen.moveTo(0,0) 
pen.lineTo(50,50) 
pen.lineTo(0,50) 
pen.closePath() 
pen.fillStyle=rgb(255,0,0) 
pen.fill()

快乐这个作品不错，但你能帮我把它绘制在三角形内吗 –

它的一种duval三角形（http://www.docstoc.com/docs/118499102/DGA-Duval-triangle） –