@@ -58,28 +73,29 @@
var canvas = document.getElementById('whiteboard');
var context = canvas.getContext('2d');
var drawing = false;
-
+ context.strokeStyle = 'white';
+
canvas.addEventListener('mousedown', function (e) {
drawing = true;
context.beginPath();
context.moveTo(e.clientX - canvas.getBoundingClientRect().left, e.clientY - canvas.getBoundingClientRect().top);
});
-
+
canvas.addEventListener('mousemove', function (e) {
if (drawing) {
context.lineTo(e.clientX - canvas.getBoundingClientRect().left, e.clientY - canvas.getBoundingClientRect().top);
context.stroke();
}
});
-
+
canvas.addEventListener('mouseup', function () {
drawing = false;
});
-
+
canvas.addEventListener('mouseout', function () {
drawing = false;
});
-
+
var clearButton = document.getElementById('clear-button');
clearButton.addEventListener('click', function () {
context.clearRect(0, 0, canvas.width, canvas.height);
@@ -95,4 +111,5 @@
});
-
+
+