Articles of raphael

Raphael camino cambiar el tamaño y mover en relación con el contenedor

Estoy tratando de escalar / mover una ruta SVG creada con la API de Raphael. Quiero que el camino encaje perfectamente dentro de un contenedor, sin importar el tamaño del contenedor. He buscado en la referencia, en la web y todavía estoy luchando para que esto funcione. Si alguien me puede decir por qué esto […]

Raphael.path2curve no respeta la ruta original

Tengo un problema con Raphael.path2curve () . La función modifica la cadena de ruta SVG para que todos los comandos de ruta se conviertan en curvas cúbicas absolutas (C). La función es compatible con todos los comandos de ruta ( mlcqahvstMLCQAHVST , ver SVG SPEC ). El Raphael.path2curve () puede manejar rutas de pozos en […]

Raphaeljs e Internet Explorer, problema al hacer clic en un elemento

Tengo el siguiente fragmento de código en javascript que básicamente oculta o muestra un conjunto de Raphaeljs cuando hago clic en él. Funciona perfectamente bien en Google Chrome, FireFox y Safari, pero no en Internet Explorer. var paper = Raphael(document.getElementById(‘ADiv’), 450, 490); var group = paper.set(); var toxicRect = paper.rect(0, 0, 120, 60, 10 ); […]

Obtener el tamaño del texto sin utilizar la función boundingBox en la biblioteca de JavaScript de Raphael

Estoy tratando de crear algunos botones con texto en javascript usando la biblioteca Rahpael. Me gustaría saber el tamaño del texto con estilo, antes de dibujar para evitar eso, así puedo crear el fondo adecuado (el botón). También me gustaría evitar dibujar el texto fuera del canvas / papel (la posición del texto es la […]

¿Cómo eliminar un duplicado de trayectoria creado por corrales sensibles a la presión?

Soy nuevo en svg y js. Tengo algunos archivos svg que se han dibujado utilizando bolígrafos sensibles a la presión, y tienen caminos con rellenos dentro de ellos y están duplicados (para contener los rellenos). En Illustrator, puede seleccionar las rutas completas, y luego cambiar el lápiz a lápiz básico (sin sensibilidad a la presión) […]

¿Cómo determinar el tamaño del objeto de Rafael después de escalarlo y rotarlo?

Si tuviera que crear una imagen como un objeto Raphael.js con el tamaño inicial [w1, h1] y luego escalarla con el método transform() , ¿cómo recuperaría después su nuevo tamaño [w2, h2] ? Debido a que llamar a image.attr(“width”) devuelve w1, el ancho inicial, no el ancho después de la transformación. Sé que podría decir […]

Los elementos SVG aparecen en DOM pero son invisibles en la pantalla

Intento dibujar un pentagtwig con SVG usando Vexflow y Raphael.js y cuando cargo la página los elementos SVG aparecen en el DOM pero no aparecen en la pantalla. Comprobé si hay alguna regla de CSS que pudiera ocultar los elementos, pero no hay ninguno. También se verificó en diferentes browseres, diferentes versiones de lib, nada […]

usando la biblioteca de Raphael para dibujar text alineado a la izquierda

Estoy usando la biblioteca de JavaScript de Raphael (http://raphaeljs.com/) para dibujar algunos charts en mi aplicación web. Probé el siguiente código: <html> <head> <title></title> <script type="text/javascript" src="raphael/raphael.js"></script> </head> <body> <script> var paper = Raphael(10, 50, 600, 200); paper.text(300, 50, "first very very long line\nshort line").attr( {"font-family":"arial", "font-size":"30", "text-align":"left"} ); </script> </body> </html> El resultado es […]

Rendimiento de RaphaelJS con miles de paths / rectangularjs

Realmente solo me importa Webkit, pero, en general, ¿se espera que Raphael JS se desempeñe bien al build miles de rectangularjs? Además, necesitaría poder manejar events en cada uno de estos rectangularjs (yipes). Tengo una solución C ++ que funciona pero prefiero usar RaphaelJS. Gracias 🙂

Soporte SVG en plataforms mobilees

¿Qué browser de plataforma mobile es totalmente compatible con SVG? Interesado JS + Raphaël + pantalla táctil