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<script type="text/javascript"> window.addEventListener('load', function () {
var elem = document.getElementById('linea');
// Comprobar que puedp acceder al elemento y sus propiedades
if (elem && elem.getContext) {
// contexto 2D
var context = elem.getContext('2d');
if (context) {
// Dibujamos
context.fillStyle = 'red';
context.fillRect (0, 5, 100, 2);
}
}
}, false);
<canvas id="linea" width="550" height="350" style="border: 1px solid #000000; margin-top:100px; margin-left:350px; background-color:#000000;">
espero que me podáis ayudar
Un saludo para todos