|
Сообщение от eugen2002
|
|
для Chrome
|
Для хрома можно добавить выбор цвета
<!DOCTYPE html>
<meta charset="utf-8">
<head>
<title>Paint</title>
<body>
<canvas id="canvas" width="500" height="120" style='border:1px solid black;'> </canvas><input type=color onchange=fcolor(this.value) >
<script>
var x = 0;
var y = 0;
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');canvas.addEventListener('mousemove', mmove );
function fcolor(c){ctx.strokeStyle=c;};
function mmove(e)
{
if ( e.which == 1 )
{
ctx.beginPath();
ctx.moveTo(x, y);
ctx.lineTo(e.clientX, e.clientY);
ctx.closePath();
ctx.stroke();
}
x = e.clientX;
y = e.clientY;
}
</script>