javascript - reducir - png to svg

d3 agrega una imagen con extensión svg

Question

Estoy tratando de agregar una imagen svg con extensión ''.svg'' a mi gráfico (otra imagen svg creada con d3).

Este es el código:

d3.select("#chart1 svg")
  .append("svg:image")
  .attr("xlink:href", "img/icons/sun.svg")
  .attr("width", 40)
  .attr("height", 40)
  .attr("x", 228)
  .attr("y",53);

Como puede ver, estoy configurando el atributo "xlink: href", pero d3 lo cambia a href en el navegador:

<image href="img/icons/sun.svg" width="40" height="40" x="228" y="53"></image>

De hecho, este código funciona perfectamente si uso la extensión png. ¿Alguna idea?

Answer 1

El código debería funcionar como está: aquí puede ver un ejemplo de adjuntar un archivo .svg a d3:

http://jsfiddle.net/am8ZB/

No olvide que es posible que la imagen esté allí, pero no puede verla, debe inspeccionar la página utilizando las herramientas del desarrollador del navegador para ver si la imagen se ha colocado fuera del área de visualización (debido a su x / y valores, por ejemplo).

más información sobre #chart1 ayudaría en este caso.