トップ > WebGL > とりあえずWebGL

とりあえずWebGL

WebGL

画像読み込み

<!-- index.html -->
<html>

<head>
	<meta charset="UTF-8"/>
	<title>画像読み込み</title>
	<script src="script.js" type="text/javascript"></script>
</head>

<body>
	<canvas id="canvas">
</body>
</html>

//script.js
onload = function()
{
	draw();
}
function draw () {
	var canvas = document.getElementById('canvas');
	if(!canvas || !canvas.getContext) { return false; }
	var ctx = canvas.getContext('2d');
	var img = new Image();
	img.src = "test.png?" + new Date().getTime(); // 読み込む画像
	img.onload = function(){
		canvas.width = img.width;
		canvas.height = img.height;
		ctx.drawImage(img, 0, 0);
	}
}


http://www.html5.jp/canvas/how6.html
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q119244281