Показать сообщение отдельно
  #8 (permalink)  
Старый 14.08.2012, 05:44
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от 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>
Ответить с цитированием