como pintar gráficos simples quando eu arrastar o mouse em um div como photoshop usando Raphael

votos
0

este é o meu código:

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

</div>

eo script é:

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
}]);

o demo está aqui: http://jsfiddle.net/ATZNW/

assim como desenhar gráficos simples (ex: rect) como o Photoshop,

obrigado

Publicado 28/11/2010 em 19:01
fonte usuário
Em outras línguas...                            


1 respostas

votos
0

Raphael é uma biblioteca para gráficos vetoriais , o que você quer fazer é Raster gráficos .

O HTML <canvas>elemento é exatamente o que você precisa neste caso.

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

Alguns JavaScript básica:

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); 

Para mais informações sobre o tema confira da Mozilla Canvas Tutorial .

Respondeu 28/11/2010 em 19:41
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more