Здравствуйте. В данный момент пишу программу, в которой использую полотно canvas.
Задача такова: полотно, в которое ежесекундно вносятся изменения, нужно транслировать как картинку на сервер, изменяя при каждом изменении от клиентов(клиент может изменить один пиксель на полотне за раз).
На данный момент запилил html страничку, в которой стоит полотно канвас 1080 на 600.
<!DOCTYPE html>
<html>
<head>
<title>
Pix.Bat.
</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="pixbat" width="1080" height="600">
<p>Program can't work((</p>
</canvas>
<script>
window.onload = function() {
var drawingCanvas = document.getElementById('pixbat');
if(drawingCanvas && drawingCanvas.getContext) {
var ctx = drawingCanvas.getContext('2d');
ctx.fillStyle = "red"; // смена цвета
ctx.fillRect(50, 50, 10, 10); //(координата х, координата у, длина, ширина)
ctx.fillRect(70, 50, 10, 10);
//если что размеры холста регулируются на строке 11
ctx.fillStyle = "grey";
ctx.fillRect(100, 450, 100, 100);
}
}
</script>
</body>
</html>
Сможете помочь?
Простой
