Как нарисовать простую графику, когда я перетаскиваю свою мышь на div, как Photoshop, используя Рафаэль - PullRequest
Новая
       36

Как нарисовать простую графику, когда я перетаскиваю свою мышь на div, как Photoshop, используя Рафаэль

0 голосов
/ 28 ноября 2010

это мой код: 

<div id="handle" style="background:#5f3">

</div>

и сценарий: 

var set = Raphael(["handle", 400, 400, {
    type: "rect",
    x: 300,
    y: 10,
    width: 25,
    height: 25,
    stroke: "blue"
}, {
    type: "text",
    x: 30,
    y: 40,
    text: "Dump"
}]);

демо здесь: http://jsfiddle.net/ATZNW/

так как рисовать простографика (например: прямоугольник), например, фотошоп,

спасибо

1 Ответ

0 голосов
/ 28 ноября 2010

Raphael - это библиотека для векторной графики , которую вы хотите сделать растровой графикой .

Элемент HTML <canvas> - это именно то, что вам нужноэтот случай. 

<canvas id="bg" width="640" height="480"></canvas>

Несколько основных JavaScript: 

var bg = document.getElementById('bg').getContext('2d'); // retrieve the 2d context to draw on
bg.fillStyle = '#ff0000'; // set the fill color to red

// draw a filled rectangle at 20/20 thats 200x100 pixel in size
bg.fillRect(20, 20, 200, 100);

Для получения дополнительной информации по этой теме, ознакомьтесь с Учебное пособие по холстам Mozilla .

...