¿Que es canvas?

Yasmesita · 17 Septiembre 2011, 20:39 PM

Buenaaasss, hola pequeños saltamontes, supongo que deben estar nostalllgicos por mi abandono al foro. Tranquilos, ya no lloren aqui estoy

, vengo con una dudita.

¿Que es canvas?, ¿para que sirve?, ¿a todas las pantallas tactiles le dicen canvas?

No sabia si ponerlo es software, en telefonia celular, pero bueno lo puse aqui.

Gracias de antemano, saludos

Slava_TZD · 17 Septiembre 2011, 20:57 PM

Cita de: http://en.wikipedia.org/wiki/Canvas_elementThe canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bitmap and does not have a built-in scene graph.

Yasmesita · 17 Septiembre 2011, 21:06 PM

Gracias por responder tan rapido, eso ya lo habia leido.

Slava_TZD · 17 Septiembre 2011, 21:19 PM

¿Entonces cual es la duda? Eso es lo que es Canvas.

raul338 · 18 Septiembre 2011, 06:17 AM

Canvas no solo esta en HTML5

Por lo general seria "espacio de trabajo" o "area" principal, depende del contexto

WHK · 18 Septiembre 2011, 06:24 AM

Que yo sepa canvas está unicamente presente en html.

Es una forma de dibujar objetos, en otras palabras es un algoritmo dentro del lenguaje html que permite hacer formas, pero no tiene nada que ver con dispositivos, canvas es algoritmo, la tablet es hardware y de ninguna forma que yo sepa las aplicaciones java aplican canvas de forma nativa a menos que sea basado en html cosa imposible por gasto de recursos.

Canvas le decimos a esto:
http://html5tutorial.net/examples/html5-canvas-test-2.html

Código (html4strict) [Seleccionar]

<html>
 <head>
  <script type="application/x-javascript">
    function draw() {
      var canvas = document.getElementById("canvas");
      if (canvas.getContext) {
        var ctx = canvas.getContext("2d");

        ctx.fillStyle = "rgb(40,0,0)";
        ctx.fillRect (20, 20, 65, 60);

        ctx.fillStyle = "rgba(0, 0, 160, 0.5)";
        ctx.fillRect (40, 40, 65, 60);
      }
    }
  </script>
 </head>
 <body onLoad="draw();">
   <canvas id="canvas" width="150" height="150"></canvas>
 </body>
</html>

Un dibujo a partir de código javascript.
Pero no a una pc o pantalla.

raul338 · 18 Septiembre 2011, 06:44 AM

Canvas también esta en WPF (vean XAML)

Y también esta en un soft de diseño gráfico, no recuerdo si Corel Draw o 3d studio

EDIT: Al parecer también es un soft de edición vectorial

Slava_TZD · 18 Septiembre 2011, 07:48 AM

Cita de: raul338 en 18 Septiembre 2011, 06:44 AM
Canvas también esta en WPF (vean XAML)

Y también esta en un soft de diseño gráfico, no recuerdo si Corel Draw o 3d studio

EDIT: Al parecer también es un soft de edición vectorial

Si, ciertamente hay otras cosas que se llaman "canvas", y sí, hay una clase llamada canvas en el .net framework. Pero cuando uno habla de canvas normalmente se refiere al elemento de html no al burguer de la esquina que se llama canvas también

WHK · 18 Septiembre 2011, 10:11 AM

Google translator dice que es lienzo.
No se porque aparecen cuadros pero por lo menos hay un sitio web que llama canvas a unas tablets pero es porque el modelo se llama así por asimilarse a un cuadro, es de sony:

http://es.ubergizmo.com/2008/05/portarretratos-sony-cp1-canvas/

Por lo que veo es un modelo de tablets y es lo mas seguro que es lo que busques, pero canvas no es una tablet, es el modelo.

raul338 · 18 Septiembre 2011, 20:09 PM

Canvas existia antes de HTML5, que este lo haya adoptado, no lo hace muy propietario