Question

我要做的是设置一个条件，点击此图像将导致圆圈永久保留在那里。此时，代码仅允许在点击时显示圆圈。

但是，我对画布很陌生。我需要在画布上添加图层吗？或者可能在我所拥有的东西之上重叠新的画布？

到目前为止我尝试过在窗口对象上使用.unbind。这是对：

的回应

$(window).on('mousedown', this.showControl.bind(this)); //on line 34.

它生成一个很棒的图像，但我不能重复圆形动画。我还考虑过创建一个存在于原型链之外的函数，以防它成为范围问题。

function circleUI() {
  this.mousedown = false;
  this.canvasEl = $('#canvas');
  this.canvas = document.getElementById("canvas");
  this.ctx = this.canvas.getContext('2d');
  this.circ = Math.PI * 2;
  this.quart = Math.PI / 2;
  this.options = {
  canvasWidth: 400,
  strokeWidth: 3.0,
  strokeColor: 'rgba(192,192,192,1)',
  y: {
  radius: 40,
  strokeColor: 'rgba(192, 192, 192, 1)'
  }
 this.ctx.lineWidth = this.options.strokeWidth;
 this.imd = this.ctx.getImageData(0, 0, this.options.canvasWidth,this.options.canvasWidth);
 this.init();
 this.draw();
}
};

原始代码绘制了两个连接的弧。我调整了颜色并离开了它，所以我可以专注于功能。谢谢，如果你能提供一些建议！

如何使用此HTML画布代码库生成多个圈子？

0 个答案: