[Research] resizing icon image without backend server

[alincode]

• base64 image
  • https://github.com/csbun/resize-image
  • data:image/png;base64
• https://medium.com/@yuhsiang.l/d3-js-svg-image-%E7%AD%86%E8%A8%98-9aae5e8c95e4
• An example of creating a PNG from an SVG in D3
• Embedding raster image
• D3js: Hard embedding png into svg element via base64 data uri
  • http://jsfiddle.net/xGUsu/107/
• What is an opaque response, and what purpose does it serve?

[alincode]

    var g = svg.append("g").append("image")
        .attr("width", width / 2) 
        .attr("height", height ) 
        .attr("xlink:href", "data:image/png;base64," + data); // replace 

[alincode]

not work

await fetch("http://lorempixel.com/32/32",{mode: 'no-cors'})

[alincode]

await fetch('https://cross-http.herokuapp.com/http://lorempixel.com/400/200/').then(x=> console.log(x.text()))

https://cross-http.herokuapp.com/http://lorempixel.com/400/200/