JavaScript
d3.js

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();

});