Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/09/2011, 10:49
oliverarthurnardi
 
Fecha de Ingreso: noviembre-2010
Ubicación: aun no se donde vivir
Mensajes: 112
Antigüedad: 14 años, 3 meses
Puntos: 3
trabajar con canvas y javascript

Hola buenas tengo el siguiente script que estoy haciendo y lo que me gustaria saber como puedo lograr este efecto con las canvas y el javascript

ejemplo de lo que quiero hacer
http://jmartinho.net/digitalArt-html...art=closedLine

lo que llevo yo de momento:
Código HTML:
Ver original
  1. <script type="text/javascript">
  2. window.addEventListener('load', function () {  
  3. var elem = document.getElementById('linea');  
  4. // Comprobar que puedp acceder al elemento y sus propiedades  
  5. if (elem && elem.getContext) {  
  6.  // contexto 2D  
  7.  var context = elem.getContext('2d');  
  8.   if (context) {  
  9.     // Dibujamos  
  10.     context.fillStyle = 'red';
  11.     context.fillRect  (0, 5, 100, 2);  
  12.   }  
  13. }  
  14. }, false);  
  15. </script>  
  16. </head>
  17. <canvas id="linea" width="550" height="350" style="border: 1px solid #000000; margin-top:100px; margin-left:350px; background-color:#000000;">
  18. </body>
  19. </html>

espero que me podáis ayudar

Un saludo para todos