Косенко Данила Юрьевич (kosenko_danila) wrote,
Косенко Данила Юрьевич
kosenko_danila

Простенький пейнт на яваскрипте

На веблансере человек захотел сделать себе маленький Paint. Недорого, баксов за 5. Я сделал, но отписать не успел. Решил подарить его вам.
Данный код вставляете в блокнот и сохраняете как html-файл. После чего открываете браузером. Предупреждение: в ИЕ не работает. Ну нет в ИЕ такого тега как <canvas>!

<script type="text/javascript">

 var point1 = {x:0, y:0};
  var point2 = {x:0, y:0};
 
    function draw(event) {

var canvas = window.document.getElementById("canvas");
  
   if(canvas.getContext) {
    var ctx = canvas.getContext("2d");
    } else return;
  
    ctx.strokeStyle = "rgba(0,0,0)";
    ctx.moveTo(point1.x,point1.y);
   
    mousePageXY(event,point2);
    ctx.lineTo(point2.x,point2.y);
     ctx.stroke();
     

}

function mousePageXY(e,point)
{
 var x = 0, y = 0;

 if (!e) e = window.event;

 if (e.pageX || e.pageY)
 {
  x = e.pageX;
  y = e.pageY;
 }
 else if (e.clientX || e.clientY)
 {
  x = e.clientX

  y = e.clientY

 }
point.x=x;
point.y=y;

}

</script>

<canvas id="canvas" width="500" height="500" style="border:4px double black" onmousedown="mousePageXY(event,point1)" onmouseup="draw(event)">Работает в Опере и FireFox. В IE не работает. Пожалуста, включите Яваскрипт. </canvas>

Конечно, Пейнтом это названо с большой натяжкой. Но это так, на скорую руку слеплено.
Tags: полезные скрипты
Subscribe

  • Я пока в Москве

    Итак, в субботу я был на днюхе в парке Останкино. В воскресенье по совету жж-френда посетил музей вооруженных сил. Очень понравилось! В понедельник…

  • Я в Москве

    Пока предположительно на выходные, а там, если получится, то и на недельку. Отпуск у меня. Где ночевать ещё не решил, наверное, буду пробовать…

  • 44

    Поздравлять здесь. :)

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 66 comments

  • Я пока в Москве

    Итак, в субботу я был на днюхе в парке Останкино. В воскресенье по совету жж-френда посетил музей вооруженных сил. Очень понравилось! В понедельник…

  • Я в Москве

    Пока предположительно на выходные, а там, если получится, то и на недельку. Отпуск у меня. Где ночевать ещё не решил, наверное, буду пробовать…

  • 44

    Поздравлять здесь. :)