これは何?

Your borwser is not supporting object tag. Please use one of the latest browsers.
Go to /D3js-Threejs/3DGraph.html

ソース

ポイント

SVG

SVG を Canvas に描画

function svg2canvas(svg) {
	var $svg = $(svg);
	var canvas = document.createElement('canvas');
	canvas.width = $svg.attr('width');
	canvas.height = $svg.attr('height');
	
	context = canvas.getContext("2d");
	var image = new Image();
	image.src = "data:image/svg+xml;charset=utf-8;base64,"
	                       + btoa(unescape(encodeURIComponent((new XMLSerializer()).serializeToString(svg))));
	context.drawImage(image, 0, 0);

	return canvas;
}

SVG と同じ縦横の Canvas を作って、その (0,0) から DataURL 化された SVG を流し込む

Canvas を PNG に書き出す

function canvas2png(canvas) {
	return canvas.toDataURL();
}

toDataURL() の引き数に 'image/png' を指定してもよい。W3C の規格上、フォーマット未指定時は PNG を返す。

Three.js (3D)


HTML#h96123e7


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   sitemap
Last-modified: 2016-07-07 (木) 22:36:36 (149d)
ISBN10
ISBN13
9784061426061