Почему не работает .toggleClass?

Question

[parse-g]

Как сделать чтобы при нажатии кнопки рисовалась обводка вместо квадрата?

Comments

[Alexey Levicky]

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

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

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

Cube.prototype.draw = function (cube, sizeX, sizeY) {
  ctx.fillRect(cube.x, cube.y, sizeX, sizeY);
};

Stroke.prototype.draw = function (stroke, sizeX, sizeY) {
  ctx.strokeRect(stroke.x, stroke.y, sizeX, sizeY);
};

$('.button-changer').click(function () {
  $('#canvas').toggleClass('stroke');
  console.log($('#canvas').hasClass('stroke'))
});


$('#canvas').click(function (event) {
		if ($('#canvas').hasClass('stroke')) {
    	var new2 = new Stroke(event.pageX - 3.5, event.pageY - 3.5, 2);
    	new2.draw(new2, 10, 10);
    } else {
    	var new1 = new Cube(event.pageX - 3.5, event.pageY - 3.5);
    	new1.draw(new1, 10, 10);
    }
});

Answer 1

[parse-g]

Alexey Levicky