任意の画像から特定の範囲のトリミングをしているのですが、ぜんぜんトリミングされないです。エラーも出てないので、文法はあっているとは思うのですが…
よろしくお願いします
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>canvas</title>
<script type="text/javascript"></script>
<script type="text/javascript" src="canvas.js"></script>
</head>
<body>
<script type="text/javascript">
onload = function() {
draw();
};
function draw() {
var canvas = document.getElementById('c1');
if ( ! canvas || ! canvas.getContext ) { return false; }
var ctx = canvas.getContext('2d');
var img = new Image();
img.src = "/test/first.jpg" + new Date().getTime();
img.onload = function() {
ctx.drawImage(img, 100, 80, 50, 40, 80, 60, 150, 120);
}
}
</script>
</body>
</html>