Canvas

  • Enlace amigable (slug) de la revisión: HTML/Canvas
  • Título de la revisión: Canvas
  • Id de la revisión: 31853
  • Creada:
  • Creador: Fifthtoe
  • ¿Es la revisión actual? No
  • Comentario

Contenido de la revisión

{{wiki.template('Traducción', [ "inglés", "HTML:Canvas", "en" ])}}



<canvas> es un nuevo elemento HTML el cual puede ser utilizado para dibujar gráficos via scripting (normalmente JavaScript). Por ejemplo, puede ser empleado para dibujar gráficos, hacer composición de fotos e incluso realizar animaciones.

Las aplicaciones de Mozilla han tenido soporte para <canvas> comenzando con Gecko 1.8 (i.e. Firefox 1.5). El elemento fue originalmente presentado por Apple para el OS X Dashboard y Safari. Internet Explorer no tiene soporte nativo para <canvas>, sin embargo una página web puede brindar soporte efectivo mediante incluir un script que puede descargar desde el sitio de Google: Proyecto Explorer Canvas. El Opera 9 también soporta <canvas>.

Documentation

Specification
The <canvas> element is part of the WhatWG Web applications 1.0 specification, also known as HTML 5.
Drawing Graphics with Canvas
A one-page introduction to <canvas>.
Canvas tutorial
A comprehensive tutorial covering both the basic usage of <canvas> and its advanced features.
Code snippets:Canvas
Some extension developer-oriented code snippets involving <canvas>.
Canvas examples
A few <canvas> demos.
Drawing text using a canvas
Documentation for the new <canvas> feature available starting with Firefox 3

View All...

Community

* View Mozilla forums... {{Template:DiscussionList|dev-tech-html|mozilla.dev.tech.html}}

Related Topics

HTML, JavaScript, CSS, AJAX, DOM, SVG

Categories

Interwiki Language Links

{{ wiki.languages( { "fr": "fr/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas", "en": "en/HTML/Canvas" } ) }}

Fuente de la revisión

<p>
</p><p>{{wiki.template('Traducción', [ "inglés", "HTML:Canvas", "en" ])}}
</p><p><br>
</p><p><br>
</p>
<div>
<p><b><code>&lt;canvas&gt;</code></b> es un nuevo elemento <a href="es/HTML">HTML</a> el cual puede ser utilizado para dibujar gráficos via scripting (normalmente <a href="es/JavaScript">JavaScript</a>). Por ejemplo, puede ser empleado para dibujar gráficos, hacer composición de fotos e incluso realizar animaciones.
</p>
Las aplicaciones de Mozilla han tenido soporte para <code>&lt;canvas&gt;</code> comenzando con Gecko 1.8 (i.e. <a href="es/Firefox_1.5">Firefox 1.5</a>). El elemento fue originalmente presentado por Apple para el OS X <a class="external" href="http://www.apple.com/macosx/features/dashboard/">Dashboard</a> y Safari.  Internet Explorer no tiene soporte nativo para <code>&lt;canvas&gt;</code>, sin embargo una página web puede brindar soporte efectivo mediante incluir un script que puede descargar desde el sitio de Google: Proyecto <a class="external" href="http://excanvas.sourceforge.net/">Explorer Canvas</a>. El Opera 9 también soporta <code>&lt;canvas&gt;</code>.</div>
<table class="topicpage-table">
<tbody><tr><td>
<h4 name="Documentation"> <a href="Special:Tags?tag=HTML:Canvas&amp;language=es">Documentation</a> </h4>
<dl><dt> <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/section-the-canvas.html">Specification</a>
</dt><dd> <small>The <code>&lt;canvas&gt;</code> element is part of the WhatWG Web applications 1.0 specification, also known as HTML 5.</small>
</dd></dl>
<dl><dt> <a href="es/Drawing_Graphics_with_Canvas">Drawing Graphics with Canvas</a>
</dt><dd> <small>A one-page introduction to <code>&lt;canvas&gt;</code>.</small>
</dd></dl>
<dl><dt> <a href="es/Canvas_tutorial">Canvas tutorial</a>
</dt><dd> <small>A comprehensive tutorial covering both the basic usage of <code>&lt;canvas&gt;</code> and its advanced features.</small>
</dd></dl>
<dl><dt> <a href="es/Code_snippets/Canvas">Code snippets:Canvas</a>
</dt><dd> <small>Some extension developer-oriented code snippets involving <code>&lt;canvas&gt;</code>.</small>
</dd></dl>
<dl><dt> <a href="Special:Tags?tag=Canvas_examples&amp;language=es">Canvas examples</a>
</dt><dd> <small>A few <code>&lt;canvas&gt;</code> demos.</small>
</dd></dl>
<dl><dt> <a href="es/Drawing_text_using_a_canvas">Drawing text using a canvas</a>
</dt><dd> <small>Documentation for the new <code>&lt;canvas&gt;</code> feature available starting with Firefox 3</small>
</dd></dl>
<p><span class="alllinks"><a href="Special:Tags?tag=HTML&amp;language=es">View All...</a></span>
</p>
</td>
<td>
<h4 name="Community"> Community </h4>
<p><span class="comment">* View Mozilla forums... {{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"> Related Topics </h4>
<dl><dd> <a href="es/HTML">HTML</a>, <a href="es/JavaScript">JavaScript</a>, <a href="es/CSS">CSS</a>, <a href="es/AJAX">AJAX</a>, <a href="es/DOM">DOM</a>, <a href="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>
<div class="noinclude">
</div>
<div class="noinclude">
</div>
{{ wiki.languages( { "fr": "fr/HTML/Canvas", "ja": "ja/HTML/Canvas", "pl": "pl/HTML/Canvas", "en": "en/HTML/Canvas" } ) }}
Revertir a esta revisión