tag:blogger.com,1999:blog-7865516939602924439.post4491289813781307903..comments2024-03-16T17:06:47.179-07:00Comments on Tutoriales - HTML 5 -: Dibujar a mano alzada en canvas HTML5Víctor Maldonadohttp://www.blogger.com/profile/11932458560996800817noreply@blogger.comBlogger6125tag:blogger.com,1999:blog-7865516939602924439.post-68791359114315104442017-07-15T12:30:39.025-07:002017-07-15T12:30:39.025-07:00como lo puedo guardar como imagen?como lo puedo guardar como imagen?JohnFhttps://www.blogger.com/profile/11004044383874085767noreply@blogger.comtag:blogger.com,1999:blog-7865516939602924439.post-48828454695805317062014-05-07T00:39:34.562-07:002014-05-07T00:39:34.562-07:00Buenas. perdona me podrías indicar como tener una ...Buenas. perdona me podrías indicar como tener una imagen de fondo y encima poder escribir y después guardar todo eso en una imagen con la modificación echa??.<br />Es decir que todo lo escrito se pueda guardar como una nueva imagen y almacenarla en la BD.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-7865516939602924439.post-20878723396229263662014-04-10T09:29:05.101-07:002014-04-10T09:29:05.101-07:00que excelente tutorial amigo, saludos que excelente tutorial amigo, saludos Descargamos https://www.blogger.com/profile/01059355465748254143noreply@blogger.comtag:blogger.com,1999:blog-7865516939602924439.post-46963262228172379062012-03-05T11:56:23.628-08:002012-03-05T11:56:23.628-08:00Muchas gracias por tu comentario, se que hay maner...Muchas gracias por tu comentario, se que hay maneras mas optimas y recomendables de hacer. Pero intento lo mejor que puedo hacer entender un poco el funcionamiento simple para que ya la gente vaya modificando y aprendiendo sobre la marcha.<br /><br />Yo también aprendo mientras voy haciendo el tutorial, simplemente los escribo por si hay alguna persona que le ayude.<br /><br />sin embargo muchas gracias =DVíctor Maldonadohttps://www.blogger.com/profile/11932458560996800817noreply@blogger.comtag:blogger.com,1999:blog-7865516939602924439.post-76368253465133668082012-03-02T11:43:15.134-08:002012-03-02T11:43:15.134-08:00Es una buena opción básica, ¿Pero por qué no enseñ...Es una buena opción básica, ¿Pero por qué no enseñar una más bonita y funcional? No es tan complicado.<br /><br />Tan solo se requieren tres escuchas: MouseDown, MouseUp y MouseMove. Además de una variable booleana Drawing.<br /><br />En MouseDown, Drawing se hace verdadera, comienza el ctx.beginPath(), se mueve ctx.moveTo(e.clientX,e.clientY). En MouseUp, Drawing se hace falsa y termina el ctx.closePath(), y en MouseMove, si Drawing es verdadero, se hace un ctx.lineTo(e.clientX,e.clientY) y se dibuja con ctx.stroke().<br /><br />Con esto, se conseguiría una herramienta de dibujo que en verdad aparente la función de un lápiz, más que un trayecto de rectángulos =P. Te dejo un ejemplo de como quedaría: http://ayotli.com/test/paint-canvas.htmlKarl Tayferhttps://www.blogger.com/profile/10002012912675351860noreply@blogger.comtag:blogger.com,1999:blog-7865516939602924439.post-34505915599165358192011-11-20T18:36:38.685-08:002011-11-20T18:36:38.685-08:00GraciasGraciasSAMUELhttps://www.blogger.com/profile/00765169293470143412noreply@blogger.com