javascript - 修改 Canvas 对象

Question

我是 Canvas 的新手，我创建了一个对象(？)，我正在搜索如何修改这个球，就像它在 css 中一样，我无法使用选择器选择它以使用 javascript/添加选项jquery 和我无法找到任何列表或教程，我可以在其中获得所有选项，我可以在多大程度上改变球的视觉效果。

如果有人了解 canvas 并且不是像我这样的新手，请您与我分享您的知识吗？

var BALL = function(x,y){
    this.x = x;
    this.y = y;

    this.color  = "red";
    this.radius = 7;
    this.saveRadius = 7;
    this.vx     = 3;
    this.saveVx = 3;
    this.vy     = -4;
    this.saveVy = -4;
}

Answer 1

您的问题是由于 canvas 性质造成的。光栅图像和矢量图像之间有几个很大的区别。

Canvas 就像一 block 黑板，您可以在上面写下您需要的任何东西……而且您无法修改更多您设计的内容。它就像任何光栅图像(想想 JPG 图像来理解)。因此，使用 JS/jQuery，您只能访问 Canvas 元素并在其中写入新内容。

如果需要绘制内容并通过JS对其进行操作，则需要使用矢量图对象。在这种情况下，您应该考虑使用 SVG 而不是 Canvas 。

这可能是一个有用的起点:http://www.sitepoint.com/canvas-vs-svg-how-to-choose/