Edited at

img要素の画像をデータURIスキームに変換する。

More than 1 year has passed since last update.

画像ファイルを取得してcanvasに転写し、DataURIsに変換して差し替えるスニペット。


d3.selectAll("img")
.each(function(){
var canvas = document.createElement('canvas');
canvas.width = this.clientWidth;
canvas.height = this.clientHeight;
canvas.getContext('2d').drawImage(this, 0, 0);

var dataURI = canvas.toDataURL('image/png');
d3.select(this).attr("src", dataURI);

d3.select(canvas).remove();

});