Articles of canvas

¿Cuál es la diferencia entre SVG y HTML5 Canvas?

¿Cuáles son las diferencias entre SVG y HTML5 Canvas? Ambos parecen hacer lo mismo para mí. Básicamente, ambos dibujan ilustraciones vectoriales usando puntos de coordenadas. ¿Qué me estoy perdiendo? ¿Cuáles son las principales diferencias entre SVG y HTML5 Canvas? ¿Por qué debería elegir uno sobre el otro?

¿Cómo usar AffineTransform.quadrantRotate para rotar un bitmap?

Quiero rotar un mapa de bits sobre su punto central y luego dibujarlo en un contexto de gráficos más grande. El bitmap es de 40×40 pixels . El contexto de los gráficos es de 500×500 pixels . Esto es lo que estoy haciendo: BufferedImage bi = new BufferedImage(500, 500, BufferedImage.TYPE_INT_ARGB); Graphics2D g = bi.createGraphics(); AffineTransform […]

Cómo incluir estilo CSS al convertir svg a png

He creado un elemento simple SVG que se dowbloaded a png al hacer clic en un botón, mi solución es similar a aquí La idea básica es: 1.svg al canvas 2. puede acceder a dataUrl Descarga 3.trigger de dataUrl el problema es que al descargar el archivo png no incluye el estilo css aplicado en […]

Método de swing similar a canvas.putImageData de HTML5 (arrayOfPixels, 0,0)

Tengo un código JavaScript que actúa sobre una matriz de píxeles definida así: screen = {‘width’:160, ‘height’:144, ‘data’:new Array(160*144*4)}; … canvas.putImageData(GPU._scrn, 0,0); Donde la pantalla es 1D matriz de ancho * alto * 4 valores que representan los colores como se detalla aquí: https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas ¿Hay algún método conveniente para pintar esta matriz en la pantalla […]

¿Es posible hacer que Excanvas funcione en IE 8?

Solía ​​trabajar en un plugin jQuery llamado ‘BeautyTips’ y estaba funcionando bien. Pero, desde que instalé IE 8, este complemento deja de funcionar porque necesita Excanvas para que IE dibuje los vectores, las imágenes, etc. Intenté descargar la versión más nueva de Excanvas, pero no funciona en absoluto …

Crear enlaces en canvas HTML

¿Es posible crear enlaces html fuera de texto que se representa en un elemento canvas?

Método más moderno para obtener la posición del mouse dentro de un canvas en JavaScript nativo

Primero, sé que esta pregunta se ha hecho muchas veces. Sin embargo, las respuestas proporcionadas no son consistentes y se utilizan una variedad de métodos para obtener la posición del mouse. Algunos ejemplos: Método 1: canvas.onmousemove = function (event) { // this object refers to canvas object Mouse = { x: event.pageX – this.offsetLeft, y: […]

Los dibujos de canvas, como las líneas, son borrosos

Tengo un y canvas, que se dibuja utilizando: context.lineWidth = 1; context.strokeStyle = “gray”; El dibujo se ve bastante borroso (lineWidth menos de uno crea una imagen aún peor) y nada cerca del borde del div. ¿Es posible obtener la misma calidad de dibujo que HTML utilizando canvas? var ctx = document.getElementById(“canvas”).getContext(“2d”); ctx.lineWidth = 1; […]

html5: copia un canvas a la imagen y viceversa

Implementé una función de acercamiento y alejamiento en un elemento canvas. funciona escalando el canvas, traduciéndolo, y luego vuelve a dibujar toda la escena. el problema es que lleva mucho tiempo volver a dibujar todo porque tengo muchas cosas en mi canvas. Necesito una forma de copiar el canvas a un objeto de imagen y […]

¿Cómo se usa StaticLayout en Android?

Necesito construir mi propio TextView personalizado, así que he estado aprendiendo sobre StaticLayout para dibujar texto en un canvas. Esto es preferible al uso de Canvas.drawText() directamente, o eso dice la documentación . Sin embargo, la documentación no da ningún ejemplo de cómo hacerlo. Solo hay una vaga referencia a que StaticLayout.Builder es la forma […]