87,996
社区成员




<!DOCTYPE html>
</html>
<head>
<title>canvas中drawImage</title>
<script>
window.addEventListener('load', function () {
var canvas = document.getElementById('myCanvas');
// 取得canvas 2d context.
var context = canvas.getContext('2d');
//三个参数:图像位置,x,y在canvas中的位置
context.drawImage("image/Opera96.png", 10, 10);
// 五个参数,最后两个是宽高
context.drawImage("image/Opera96.png", 100, 10, 200, 200);
},false);
</script>
</head>
<body>
<div id="myCanvas" width="500" height="650">
Fallback content, in case the browser does not support Canvas.
</div>
</body>
</html>