Question

我是Canvas的新手，我有一个对象（？）创建，我正在搜索如何修改这个类似于css的球，我不能用选择器选择它用javascript /添加选项jquery和我无法找到任何列表或教程，我可以获得所有选项，我可以改变球的视觉效果。

如果有人了解画布并且不是像我这样的新手，请你就此分享你的知识吗？

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就像一块黑板，你可以在那里写下任何你需要的东西......你无法修改你设计的更多内容。它就像任何光栅图像（想想要理解的JPG图像）。因此，使用JS / jQuery，您只能访问canvas元素并在新内容中写入。

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

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

修改画布对象

1 个答案: