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.
Después de experimentar con operaciones compuestas y dibujar imágenes en el lienzo, ahora estoy tratando de eliminar imágenes y componer. ¿Cómo hago esto? Necesito limpiar el lienzo para volver a dibujar otras imágenes; esto puede continuar por un tiempo, así que no creo que dibujar un nuevo...
Google "Informar un error" o "Herramienta de comentarios" le permite seleccionar un área de la ventana de su navegador para crear una captura de pantalla que se envía con sus comentarios sobre un error. Captura de pantalla de Jason Small, publicada en una pregunta duplicada . ¿Cómo estan...
¿Es posible capturar o imprimir lo que se muestra en un lienzo html como imagen o pdf? Me gustaría generar una imagen a través del lienzo y poder generar un png desde esa
¿Cuál es el mejor enfoque para crear elementos sobre la marcha y poder moverlos? Por ejemplo, supongamos que quiero crear un rectángulo, círculo y polígono y luego seleccionar esos objetos y moverlos. Entiendo que HTML5 proporciona tres elementos que pueden hacer esto posible: svg , canvas y div ....
¿Cómo puedo escalar automáticamente el <canvas>elemento HTML5 para que se ajuste a la página? Por ejemplo, puedo obtener una <div>escala ajustando las propiedades heighty widthal 100%, pero una <canvas>escala no,
Estoy tratando de crear una imagen en miniatura en el lado del cliente usando JavaScript y un elemento de lienzo, pero cuando reduzco la imagen, se ve terrible. Parece que se redujo en Photoshop con el conjunto de remuestreo en 'Vecino más cercano' en lugar de Bicubic. Sé que es posible hacer que...
¿Cuál es la forma más sencilla de agregar un controlador de eventos de clic a un elemento del lienzo que devolverá las coordenadas x e y del clic (en relación con el elemento del lienzo)? No se requiere compatibilidad de navegador heredada, Safari, Opera y Firefox lo
Estoy trabajando en un proyecto de arte generativo en el que me gustaría permitir a los usuarios guardar las imágenes resultantes de un algoritmo. La idea general es: Cree una imagen en un lienzo HTML5 utilizando un algoritmo generativo Cuando se completa la imagen, permita a los usuarios guardar...
Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de modo que la página "escriba" la palabra de la misma manera que lo haríamos, es decir, comienza en un punto y dibuja líneas y curvas con el tiempo de modo que el resultado final sea...
Estoy usando la herramienta JavaScript "Canvas2Image" de Nihilogic para convertir dibujos de lienzo en imágenes PNG. Lo que necesito ahora es convertir esas cadenas base64 que genera esta herramienta, en archivos PNG reales en el servidor, usando PHP. En resumen, lo que estoy haciendo actualmente...
Cerrado. Esta pregunta no es reproducible o fue causada por errores tipográficos . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que sea sobre el tema de Stack Overflow. Cerrado hace 6 años .
Usando el <canvas>elemento HTML5 , me gustaría cargar un archivo de imagen (PNG, JPEG, etc.), dibujarlo en el lienzo completamente transparente y luego desvanecerlo. He descubierto cómo cargar la imagen y dibujarla en el lienzo, pero no sé cómo cambiar su opacidad una vez que se ha...
Tengo 2 lienzos, uno usa atributos HTML widthy heightpara dimensionarlo, el otro usa CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;"
Estoy tratando de mostrar un texto usando el código a continuación. El problema es que el texto no está centrado horizontalmente. Cuando configuro las coordenadas para drawText, establece la parte inferior del texto en esta posición. Me gustaría que el texto se dibuje para que el texto esté...
Quiero guardar mi lienzo en un img. Tengo esta función: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } Me...
HTML5 Canvas no tiene ningún método para configurar explícitamente un solo píxel. Es posible establecer un píxel con una línea muy corta, pero luego la intercalación y los límites de línea pueden interferir. Otra forma podría ser crear un ImageDataobjeto pequeño y
¿Es posible arreglar el ancho y la altura de un canvaselemento HTML5 ? La forma habitual es la siguiente: <canvas id="canvas" width="300"
Sin ninguna biblioteca de extensión, ¿es posible tener varias capas en el mismo elemento de lienzo? Entonces, si hago un clearRect en la capa superior, ¿no borrará la capa
Alguien sabe cómo se puede hacer esto? ¿Usaría un objeto de lienzo, svg, jQuery,
Quiero poder acercar el punto debajo del mouse en un lienzo HTML 5, como hacer zoom en Google Maps . ¿Cómo puedo lograr