Question

我们可以在画布中为形状分配一个类吗？我正在尝试使用行构建一个路径，并希望给一个类的行集合，以便专门更改它们的属性。我的代码有点像：

  ctx.beginPath();
  ctx.moveTo(200,450);
  ctx.lineTo(200,400);
  ctx.lineTo(400,400);
  ctx.lineTo(400,450);
  ctx.stroke();

我想专门为所有这些行分配一个类。它怎么做了？有什么建议吗？

Answer 1

Canvas是一个位图板，您可以在其中绘制而无法跟踪形状

...然而

您可以随时使用此点击功能手动与广场互动：

var canvas = ...
var ctx = ...
canvas.addEventListener("mousedown", getPosition, false)
function getPosition(event) {
x = event.x;
y = event.y;
x -= canvas.offsetLeft;
y -= canvas.offsetTop;

// Now put code to describe specifically where to click

if (x < 400 && x > 200 && y < 450 && y > 400) {
// Now if you click on your square, you can write code here to interact
}

}

你也总是可以制作一个正方形坐标数组，并以这种方式跟踪它。

我希望这有助于：）

我们可以在html5中将类分配给canvas中的形状

1 个答案: