Canvas

  • Enlace amigable (slug) de la revisión: HTML/Canvas
  • Título de la revisión: Canvas
  • Id de la revisión: 31863
  • Creada:
  • Creador: beto21
  • ¿Es la revisión actual? No
  • Comentario 12 words added

Contenido de la revisión

<canvas> es un nuevo elemento HTML que puede usarse para dibujar gráficos a través de scripting (normalmente JavaScript). Por ejemplo, puede emplearse para dibujar gráficos, hacer composición de fotos e incluso para realizar animaciones.

Las aplicaciones de Mozilla han implementado <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5). El elemento fue presentado originalmente por Apple para OS X Dashboard y Safari. Internet Explorer 8 no implementa <canvas> de forma nativa, pero una página web puede añadir la compatibilidad de forma eficaz si incluye un script que se puede descargar desde el sitio de Google: Proyecto Explorer Canvas. En Internet Explorer 9 implementa <canvas> de forma nativa El navegador Opera 9 también implementa <canvas>.

Documentación

Especificación
El elemento <canvas> está incluido en las aplicaciones Web 1.0 de WhatWG Web, también conocido como HTML 5.
Dibujar gráficos con Canvas
Breve introducción a <canvas>.
Tutorial de Canvas
Un tutorial muy completo que trata todos los aspectos básicos del uso de <canvas> y sus características avanzadas.
Fragmentos de código:Canvas
Algunos fragmentos de código orientados a desarrolladores de extensiones que incluyen <canvas>.
Ejemplos de Canvas
Demostraciones del uso de <canvas>.
Dibujar texto usando Canvas
Documentación para las nuevas características de <canvas> a partir de Firefox 3.
Hoja resumen de sintaxis de Canvas

Ver todos...

Comunidad

* Ver foros de Mozilla... {{ Template:DiscussionList|dev-tech-html|mozilla.dev.tech.html }}

Temas relacionados

HTML, JavaScript, CSS, AJAX, DOM, SVG

Categories

Interwiki Language Links

 {{ HTML5ArticleTOC() }}

{{ languages( { "zh-tw": "zh_tw/HTML/Canvas", "fr": "fr/HTML/Canvas", "en": "en/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas", "ko": "ko/HTML/Canvas" } ) }}

Fuente de la revisión

<p><a href="/es/HTML/Elemento/canvas" title="es/HTML/Elemento/canvas">&lt;canvas&gt;</a> es un nuevo elemento <a href="/es/HTML" title="es/HTML">HTML</a> que puede usarse para dibujar gráficos a través de scripting (normalmente <a href="../../../../../en/JavaScript" rel="internal">JavaScript</a>). Por ejemplo, puede emplearse para dibujar gráficos, hacer composición de fotos e incluso para realizar animaciones.</p>
<p>Las aplicaciones de Mozilla han implementado <code>&lt;canvas&gt;</code> a partir de Gecko 1.8 (es decir, <a href="../../../../../en/Firefox_1.5" rel="internal">Firefox 1.5</a>). El elemento fue presentado originalmente por Apple para OS X <a class="external" href="http://www.apple.com/macosx/features/dashboard/" rel="external nofollow" target="_blank" title="http://www.apple.com/macosx/features/dashboard/">Dashboard</a> y Safari. Internet Explorer 8 no implementa <code>&lt;canvas&gt;</code> de forma nativa, pero una página web puede añadir la compatibilidad de forma eficaz si incluye un script que se puede descargar desde el sitio de Google: <a class="external" href="http://excanvas.sourceforge.net/" rel="external nofollow" target="_blank" title="http://excanvas.sourceforge.net/">Proyecto Explorer Canvas</a>. En Internet Explorer 9 implementa <code>&lt;canvas&gt;</code> de forma nativa El navegador Opera 9 también implementa <code>&lt;canvas&gt;</code>.</p>
<table class="topicpage-table"> <tbody> <tr> <td> <h4 name="Documentaci.C3.B3n"><a href="/Special:Tags?tag=HTML:Canvas&amp;language=es" title="Special:Tags?tag=HTML:Canvas&amp;language=es">Documentación</a></h4> <dl> <dt><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/section-the-canvas.html">Especificación</a></dt> <dd><small>El elemento <code>&lt;canvas&gt;</code> está incluido en las aplicaciones Web 1.0 de WhatWG Web, también</small><small> conocido como HTML 5.</small></dd> </dl> <dl> <dt><a href="/es/Dibujando_Gráficos_con_Canvas" title="es/Dibujando_Gráficos_con_Canvas">Dibujar gráficos con Canvas</a></dt> <dd><small>Breve introducción a <code>&lt;canvas&gt;.</code></small></dd> </dl> <dl> <dt><a href="/es/Canvas_tutorial" title="es/Canvas tutorial">Tutorial de Canvas</a></dt> <dd><small>Un tutorial muy completo que trata todos los aspectos básicos del uso de </small><small><code>&lt;canvas&gt;</code> y sus características </small><small>avanzadas.</small></dd> </dl> <dl> <dt><a href="/es/Code_snippets/Canvas" title="es/Code_snippets/Canvas">Fragmentos de código:Canvas</a></dt> <dd><small>Algunos </small><small>fragmentos de código orientados a </small><small>desarrolladores de extensiones que incluye</small><small>n <code>&lt;canvas&gt;.</code></small></dd> </dl> <dl> <dt><a href="/Special:Tags?tag=Canvas_examples&amp;language=es" title="Special:Tags?tag=Canvas_examples&amp;language=es">Ejemplos de Canvas</a></dt> <dd><small>Demostraciones del uso de <code>&lt;canvas&gt;</code></small>.</dd> </dl> <dl> <dt><a href="/es/Drawing_text_using_a_canvas" title="es/Drawing_text_using_a_canvas">Dibujar texto usando Canvas</a></dt> <dd><small>Documentación para las nuevas características de <code>&lt;canvas&gt;</code> a partir de Firefox 3</small>.</dd> <dt><a class="external" href="http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html" title="http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html"><small>Hoja resumen de sintaxis de Canvas</small></a></dt> </dl> <p><span class="alllinks"><a href="/Special:Tags?tag=HTML&amp;language=es" title="Special:Tags?tag=HTML&amp;language=es">Ver todos...</a></span></p> </td> <td> <h4 name="Community">Comunidad</h4> <p><span class="comment">* Ver foros de Mozilla... {{ Template:DiscussionList|dev-tech-html|mozilla.dev.tech.html }}</span></p> <ul> <li><a class="external" href="http://groups.yahoo.com/group/canvas-developers/">Canvas-Developers Yahoo Group</a></li> </ul> <h4 name="Related_Topics">Temas relacionados</h4> <dl> <dd><a href="/es/HTML" title="es/HTML">HTML</a>, <a href="/es/JavaScript" title="es/JavaScript">JavaScript</a>, <a href="/es/CSS" title="es/CSS">CSS</a>, <a href="/es/AJAX" title="es/AJAX">AJAX</a>, <a href="/es/DOM" title="es/DOM">DOM</a>, <a href="/es/SVG" title="es/SVG">SVG</a></dd> </dl> </td> </tr> </tbody>
</table>
<p><span class="comment">Categories</span></p>
<p><span class="comment">Interwiki Language Links</span></p>
<p> {{ HTML5ArticleTOC() }}</p>
<p>{{ languages( { "zh-tw": "zh_tw/HTML/Canvas", "fr": "fr/HTML/Canvas", "en": "en/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas", "ko": "ko/HTML/Canvas" } ) }}</p>
Revertir a esta revisión