$("#check").change(function ()
{
if($("#check").is(":checked"))
{
alert("곡선그리기 가능!");
$(canvas).on({
mousedown: function (event) {
var position = $(this).offset();
var x = event.pageX - position.left;
var y = event.pageY - position.top;
context.beginPath();
context.moveTo(x, y);
},
mouseup: function (event) {
var position = $(this).offset();
var x = event.pageX - position.left;
var y = event.pageY - position.top;
context.lineTo(x, y);
context.stroke();
},
mousemove: function (event) {
var position = $(this).offset();
var x = event.pageX - position.left;
var y = event.pageY - position.top;
context.lineTo(x,y);
}
});
}
else
{
alert("직선그리기 모드");
$(canvas).on({
mousedown: function (event) {
var position = $(this).offset();
var x = event.pageX - position.left;
var y = event.pageY - position.top;
context.beginPath();
context.moveTo(x, y);
},
mouseup: function (event) {
var position = $(this).offset();
var x = event.pageX - position.left;
var y = event.pageY - position.top;
context.lineTo(x, y);
context.stroke();
}
});
}
});
});
맨 윗부분에서
체크박스가 체크상태면 if문 실행하고 체크상태가 아니면 else를 실행하기 위해 짜봤는데
해당 메시지만 출력되고 체크상태든 아니든 둘 다 똑같은 조건으로 실행이 되네요... 문제가 있나요?