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.

6
Cambiar el fondo de three.js a transparente u otro color
He estado tratando de cambiar lo que parece ser el color de fondo predeterminado de mi lienzo de negro a transparente / cualquier otro color, pero no tuve suerte. Mi HTML: <canvas id="canvasColor"> Mi CSS: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> Como puede ver en …
5
Cuadros / gráficos interactivos rápidos y receptivos: SVG, Canvas, ¿otros?
Estoy tratando de elegir la tecnología correcta para usar para actualizar un proyecto que básicamente muestra miles de puntos en un gráfico ampliable y panorámico. La implementación actual, que utiliza Protovis, tiene un rendimiento inferior. Compruébalo aquí: http://www.planethunters.org/classify Hay alrededor de 2000 puntos cuando se aleja completamente. Intente usar las …
114 html  canvas  svg  d3.js  kineticjs 
14
Tamaño máximo de un elemento <canvas>
Estoy trabajando con un elemento de lienzo con una altura de 600a 1000píxeles y un ancho de varias decenas o cientos de miles de píxeles. Sin embargo, después de una cierta cantidad de píxeles (obviamente desconocido), el lienzo ya no muestra las formas que dibujo con JS. ¿Alguien sabe si …
112 javascript  html  canvas 
5
Dibujar una imagen de una URL de datos a un lienzo
¿Cómo puedo abrir una imagen en un lienzo? que esta codificado Estoy usando el var strDataURI = oCanvas.toDataURL(); La salida es la imagen codificada en base 64. ¿Cómo puedo dibujar esta imagen en un lienzo? ¿Quiero usar strDataURI y crear la imagen? ¿Es poosible? Si no es así, ¿cuál puede …
112 image  html  canvas  data-uri 
17
HTML5 canvas ctx.fillText no hace saltos de línea?
Parece que no puedo agregar texto a un lienzo si el texto incluye "\ n". Quiero decir, los saltos de línea no se muestran / funcionan. ctxPaint.fillText("s ome \n \\n &lt;br/&gt; thing", x, y); El código anterior se dibujará "s ome \n &lt;br/&gt; thing"en una línea. ¿Es esta una limitación …
108 javascript  html  canvas  line  break 
4
Cómo agregar una imagen al lienzo
Estoy experimentando un poco con el nuevo elemento canvas en HTML. Simplemente quiero agregar una imagen al lienzo, pero no funciona por alguna razón. Tengo el siguiente código: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); make_base(); …
106 javascript  html  canvas 
8
Cómo centrar el lienzo en html5
He estado buscando una solución durante un tiempo, pero no he encontrado nada. Quizás sean solo mis términos de búsqueda. Bueno, estoy tratando de hacer que el lienzo se centre de acuerdo con el tamaño de la ventana del navegador. El lienzo es de 800x600. Y si la ventana está …
105 html  canvas  css  resize 
3
Use HTML5 para cambiar el tamaño de una imagen antes de subirla
He encontrado algunas publicaciones diferentes e incluso preguntas en stackoverflow que responden a esta pregunta. Básicamente estoy implementando lo mismo que esta publicación . Así que aquí está mi problema. Cuando subo la foto, también necesito enviar el resto del formulario. Aquí está mi html: &lt;form id="uploadImageForm" enctype="multipart/form-data"&gt; &lt;input name="imagefile[]" …
102 javascript  html  canvas 
9
El paquete cairo no se encontró en la ruta de búsqueda de pkg-config. Problema de lienzo de instalación del nodo js
Tengo un problema al instalar el módulo de lienzo en el nodo ... parece ser algo con el cairo, recibo este error ... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was not …
5
Obtener la distancia entre dos puntos en el lienzo
Tengo una pestaña de dibujo de lienzo y quiero que lineWidth se base en la distancia entre las dos últimas actualizaciones de coordenadas de mousemove. Yo mismo haré la traducción de la distancia al ancho, solo necesito saber cómo obtener la distancia entre esos puntos (ya tengo las coordenadas de …
100 javascript  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.