html - 如何在 ASP.NET 页面上的 4 个点之间画线并填充？

Question

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

但是，有没有一种方法可以让我基本上把它们变成形状？例如，我正在尝试在网页上绘制一个细分的平台。最终，我希望数据出现在鼠标悬停上，未售出的平台有不同的颜色，点击平台并导航到某个地方，等等）。

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

非常感谢您的任何指导。

Answer 1

If you can count on your users having a modern browser, html5 <canvas> is probably what you want. You can just put a canvas on your page with
<canvas id="myCanvas" width="200" height="100"></canvas>

Then draw to it in javascript like so:

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();

Adjust or add corners as needed.