Articles of svg

Animación SVG con función mousemove dentro de la función setInterval

Estoy tratando de crear algo con SVG que responda al movimiento del mouse combinado con un movimiento aleatorio. puedes consultar el código aquí https://jsfiddle.net/hass/Lfv2yjyf/ $(document).ready(function(){ var d = document; var mysvg = d.getElementById(“mysvg”); var mx,my,random,xmid,ymid,input; setInterval(function() { //svg size var svgw = $(“svg”).width(); var svgh = $(“svg”).height(); //center point of svg xmid = svgw/2; ymid […]

Convertir svg en base64

SVG que se creó mediante progtwigción no se convierte correctamente en base64. En mi aplicación, tengo un servicio que obtiene una respuesta con g-element y luego lo puse en svg-element creado y lo convierto en base64, pero si bash abrir un enlace, encuentro que svg no aparece en la página. var xmlns = ‘http://www.w3.org/2000/svg’, IMAGE_TEMPLATE […]

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 […]

generar svg sin la etiqueta foreignObject

Estoy usando el complemento dom-to-image.js . El problema es que genera una etiqueta que contamina el canvas. Aquí está la parte que genera el svg. function makeSvgDataUri(node, width, height) { return Promise.resolve(node) .then(function (node) { node.setAttribute(‘xmlns’, ‘http://www.w3.org/1999/xhtml’); return new XMLSerializer().serializeToString(node); }) .then(util.escapeXhtml) .then(function (xhtml) { return ” + xhtml + ”; }) .then(function (xhtml) { […]

Documento SVG de dominio cruzado en etiqueta de objeto

¿Es ‘legal’ tener un SVG con datos en un dominio externo, es decir (datos = “// da86ge957603k.cloudfront.net/rails/grafitti_logo-f4e8238a87c979c0cf5b41481c982b71.svg“), y luego vincular un evento de carga al objeto y luego ¿Accede al DOM SVG del objeto a través de la propiedad contentdocument? Puedo hacer esto cuando el SVG está en el dominio local, pero cada vez que […]

Capture los cambios en el círculo del elemento SVG y cambie los atributos en otro lugar a través de js

Tengo un SVG incrustado en un documento HTML. Un círculo (SVG) se anima usando . Estaba tratando de encontrar una manera de poner algún tipo de detector de eventos en ese círculo solo cuando se mueve horizontalmente. Al moverme (horizontalmente), me gustaría encontrar las coordenadas x de la forma del círculo y establecer un tercer […]

¿Cómo reemplazar la línea en la tabla por la serie de puntos?

Estoy intentando usar el enfoque de ‘Gráficos Reutilizables’ descrito por @mbostock, todo está bien cuando se usa una línea ( ). Sin embargo, cuando bash usar puntos ( ), solo se agrega un elemento a la tabla y no está bien formado ( cx y cy incorrectos). Mi bash de código es entre las líneas […]

¿El apéndice de jquery no funciona con el elemento svg?

Suponiendo esto: $(document).ready(function(){ $(“svg”).append(”); }); ¿Por qué no veo nada?

D3 – Obtener texto en la parte superior de los rectangularjs en el gráfico de barras verticales

Estoy haciendo un gráfico de barras vertical con D3 con éxito. Además, quiero que el valor de la frecuencia se encuentre en la parte superior de cada rectángulo. Soy capaz de obtener la estructura completa y los rectangularjs. Pero, no puedo ver mis valores que residen en la parte superior de las barras. ¿Alguien puede […]

d3.js v4, agregar tags de texto a burbujas en un gráfico de burbujas

Estoy construyendo un gráfico de burbujas. El gráfico está apareciendo exactamente como me gustaría. El único problema que he tenido es que el texto aparezca en el medio de cada burbuja. El texto no aparece en absoluto y he intentado varias opciones para llegar allí. Cuando inspecciono la página, dentro de cada círculo hay un […]