Tanya51,
Canvas это изображение, для jQuery это как <img>.
class Canvas {
constructor(id) {
this.ctx = document.getElementById(id).getContext('2d');
}
add(...figures) {
for (let figure of figures) {
figure.draw(this.ctx);
}
}
}
class Figure {
constructor(x, y, color) {
// ...
}
}
class Circle extends Figure {
constructor(x, y, r, color) {
super(x, y, color);
this.r = r;
}
draw(ctx) {
// ...
}
}