Malování online - mspaint Mozektevidi.net - Píše Olda Šálek.

Malování online - mspaint

Starý dobrý mspaint, funguje online přes Operu, Firefox, Safari. Malování Online přes HTML, CSS, Javascript, Canvas

Ukázka využití HTML, CSS, JavaScriptu a elementu Canvas. Malování online


<html>
 <head>
  <script type="application/x-javascript">
function draw() {
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgb(200,0,0)";
 ctx.fillRect (10, 10, 55, 50);

 ctx.fillStyle = "rgba(0, 0, 200, 0.5)";
 ctx.fillRect (30, 30, 55, 50);
}
  </script>
 </head>
 <body onload="draw()">
   <canvas id="canvas" width="300" height="300"></canvas>
 </body>
</html>

Vytvoří dva překrývající se čtverce.

Canvas

Element canvas vypadá zajímavě, další informace jsou na stránkách mozilly. Malování se mi zdá celkem k ničemu, ale líbí se mi. Určitě se to časem rozšíří, využití si dovedu představit. Třeba kolikrát jsem potřeboval kamarádovi ukázat nějaký nákres, něco vysvětlit. A jelikož je obrázek více, než tisíce slov, musel jsem obrázek vytvořit, uložit, poslat přes mail, čekat než dojde. Zbytečně ztracená minuta, kdyby tato aplikace byla online s možností jednoduchého publikování. Třeba to dají do příští verze některého IM, nejenom do MSN.


autor článku Oldřich Šálek | datum publikování 8.prosinec.2006 19:19 | články ze světa počítačů IT |

Kometáře


Komentáře a diskuze ke článku tady
diskuze ke článku