如何在html5画布中创建楼层地图并添加一些标记？

Question

我有一张楼层地图的图像，我想要添加一些标记/指针。
我在canvas标签中添加了图片，但不知道如何创建指针 提前完成。

Answer 1

如果您只想在画布的某个坐标处画一个圆圈，您可以执行以下操作：

// Draw a 10px circle at 100, 200
var x = 100;
var y = 200;
var radius = 10;

context.beginPath();
context.arc(x, y, radius, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();