我是Canvas的新手,我创建了一个object(?),我在搜索如何修改该球,就像在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;
}
最佳答案
您的问题是由于canvas
性质。
栅格图像和矢量图像之间有几个大差异。
画布就像黑板一样,您可以在其中写下您需要的任何东西...并且您不能再修改您设计的内容。
就像任何光栅图像一样(请理解为JPG图像)。
因此,使用JS / jQuery,您只能访问canvas元素并在新内容中编写内容。
如果需要绘制内容并通过JS对其进行操作,则需要使用矢量图像对象。
在这种情况下,您应该考虑使用SVG代替canvas。
这可能是一个有用的起点:http://www.sitepoint.com/canvas-vs-svg-how-to-choose/