Модифицировать объекты canvas

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 природы. Существует несколько больших различий между растровыми и векторными изображениями.

Холст, как доска, где вы пишете все, что вам нужно ... и вы не можете изменить больше того, что вы разработали. Это похоже на любое растровое изображение (подумайте об изображении в формате JPG, чтобы понять). Итак, используя JS/jQuery, вы можете получить доступ только к элементу canvas и писать внутри нового контента.

Если вам нужно нарисовать контент и управлять им с помощью JS, вам нужно использовать объект векторных изображений. В этом случае вы должны использовать SVG вместо холста.

Это может быть полезной отправной точкой: http://www.sitepoint.com/canvas-vs-svg-how-to-choose/