Articles of canvas

Dibujar la ruta de HTML5 / Javascript Canvas en el tiempo

Digamos que tengo un camino: var context = canvas.getContext(‘2d’); context.beginPath(); context.moveTo(100, 20); context.lineTo(200, 160); context.quadraticCurveTo(230, 200, 250, 120); context.bezierCurveTo(290, -40, 300, 200, 400, 150); context.lineTo(500, 90); context.lineWidth = 5; context.strokeStyle = ‘blue’; context.stroke(); Esto imprime el camino de una vez: ¿Cómo puedo dividir la ruta en subtrazos de longitud determinada? Por ejemplo: context.splitCurrentPathIntoSubPath(0, 0.75) debería […]

Acelerar la adición de objetos a Canvas en WPF

Tengo un Canvas que estoy usando en WPF para dibujar muchos rectangularjs de colores, pero el progtwig se está ejecutando realmente lento cuando se agregan. He intentado con diferentes opciones, como agregarlas a una Array y agregarlas todas al mismo tiempo y usar una Image lugar de un canvas para mostrarlas, pero no parecían hacer […]

Obtener clic evento de cada rectángulo dentro del canvas?

No sé cómo registrar el evento click en cada rectángulo. aquí está la muestra: http://jsfiddle.net/9WWqG/1/

Browser Canvas CORS Soporte para manipulación de imágenes cargadas por dominios cruzados

PREGUNTA: ¿Qué versiones de navegador son compatibles con los encabezados CORS (Intercambio de recursos de origen cruzado) para Cross Domain Images utilizados en Canvas? CORS puede aplicarse tanto a solicitudes de imágenes XMLHttpRequests de dominio cruzado como a solicitudes de imágenes. Esta pregunta se trata de solicitudes de imágenes Mi normalidad para la compatibilidad de […]

WPF Canvas, cómo agregar hijos dinámicamente con código MVVM detrás

Requisito: Dibujar una imagen de bitmap (de 1024 x 1024 píxeles) y rectángulo (s) en función de la colección de puntos. El rectángulo debe caber exactamente en la ubicación de los píxeles sobre la imagen. También es necesario agregar algo de texto dentro del rectángulo. La imagen siempre será solo una y los rectangularjs se […]

¿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 …