|
Сообщение от Valeriy__258
|
|
почему у Вас весь код написан без тегов html, head и body?
|
Потому что здесь песочница умная и сама добавляет чего не хватает - можете посмотреть в консоли.
Вот вариант с html, head, body.
<!DOCTYPE html>
<html>
<head>
<script>
window.addEventListener('load', function () {
var canvas = document.getElementById('c1');
var ctx = canvas.getContext('2d');
var myColor = 'black';
var img = new Image();
img.src = localStorage.getItem('img');
img.onload = function() {
ctx.drawImage(img, 0, 0);
}
canvas.onmousedown = function() {
canvas.onmousemove = function(e) {
var x = e.offsetX,
y = e.offsetY;
ctx.fillStyle = myColor;
ctx.fillRect(x - 5,y - 5,10,10);
}
canvas.onmouseup = function() {
canvas.onmousemove = null;
}
}
document.querySelector('#save').onclick = function() {
var imageURI = canvas.toDataURL("image/jpg");
localStorage.setItem('img',imageURI);
}
});
</script>
</head>
<body>
<canvas id = 'c1' width='400' height='200'></canvas>
<button id = 'save' >Save</button>
</body>
</html>