Preguntas etiquetadas con canvas

Canvas es un término genérico para la superficie de dibujo utilizada con muchas API de salida de gráficos de forma libre. Use esta etiqueta con otras etiquetas que indican la API de gráficos específica que se está utilizando junto con el lenguaje de programación y el entorno de destino: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] etc. También incluya una etiqueta de lienzo específica como [android-canvas], [html5-canvas], [tkinter-canvas] si corresponde.

5
Algoritmo de mosaico de mapas
El mapa Estoy haciendo un juego de rol basado en mosaicos con Javascript, usando mapas de altura de ruido perlin, luego asigno un tipo de mosaico basado en la altura del ruido. Los mapas terminan pareciéndose a esto (en la vista de minimapa). Tengo un algoritmo bastante simple que extrae …
7
HTML5 Canvas 100% Ancho Altura de Viewport?
Estoy tratando de crear un elemento de lienzo que ocupe el 100% del ancho y alto de la ventana gráfica. Puede ver en mi ejemplo aquí lo que está ocurriendo, sin embargo, está agregando barras de desplazamiento en Chrome y Firefox. ¿Cómo puedo evitar las barras de desplazamiento adicionales y …
151 jquery  html  canvas  viewport 
8
La mejor manera de detectar que HTML5 <canvas> no es compatible
La forma estándar de lidiar con situaciones en las que el navegador no admite la &lt;canvas&gt;etiqueta HTML5 es incrustar contenido alternativo como: &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; Pero el resto de la página sigue siendo la misma, lo que puede ser inapropiado o engañoso. Quisiera alguna forma de detectar la …
5
Dibujar un archivo SVG en un lienzo HTML5
¿Existe una forma predeterminada de dibujar un archivo SVG en un lienzo HTML5? Google Chrome admite cargar el SVG como una imagen (y simplemente usarlo drawImage), pero la consola del desarrollador sí lo advierte resource interpreted as image but transferred with MIME type image/svg+xml. Sé que una posibilidad sería convertir …
130 html  canvas  svg 
2
Cómo copiar contenidos de un lienzo a otro lienzo localmente
Me gustaría copiar TODOS los contenidos de un lienzo y transferirlos a otro todo en el lado del cliente. Creo que usaría el método canvas.toDataURL()y context.drawImage()para implementar esto, pero me encuentro con algunos problemas. Mi solución sería obtener Canvas.toDataURL()y almacenar esto en un objeto Image en Javascript, y luego usar …
129 html  canvas 
5
Desactiva la interpolación al escalar un <canvas>
NOTA : Esto tiene que ver con cómo se representan los elementos de lienzo existentes cuando se amplía , no con cómo se representan las líneas o gráficos en una superficie de lienzo . En otras palabras, esto tiene todo que ver con la interpolación de elementos escalados , y …
126 javascript  html  canvas 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.