如何在ASP.NET页面上绘制线条并填充4个点？

Question

使用GPS，我将知道很多陆地的4个角的纬度/经度（我想它可能是5或6所以多边形 - 虽然通常是矩形或平行四边形）。使用DIV标签（使用runat = server），我可以在ASP.NET页面上标记点，从数据库中提取数据点。

但是，有没有办法可以将这些变成形状？我试图在网页上绘制一个例如细分的plats。最终，我希望数据显示在鼠标悬停，未售出的平板上有不同的颜色，点击平台并在某处导航等等。）

但是现在，我只是想看看我是否可以在页面上绘制形状。

非常感谢任何指导。

Answer 1

如果您可以指望拥有现代浏览器的用户，html5 <canvas>可能就是您想要的。您可以在页面上放置画布 <canvas id="myCanvas" width="200" height="100"></canvas>

然后在javascript中绘制它：

var c=document.getElementById("myCanvas");  
var ctx=c.getContext("2d");  
ctx.fillStyle = '#f00';    
ctx.beginPath();    
ctx.moveTo(0, 0);  
ctx.lineTo(0, 100);  
ctx.lineTo(50, 100);  
ctx.lineTo(50, 0);  
ctx.closePath();  
ctx.fill();

根据需要调整或添加角落。