<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<!-- canvas的id为canvas_1。
canvas大小为150*150,top为10,left为10。(单位px)
在canvas上绘制图片,图片地址如下。
/public_libs/img_5.png
图片大小为原始大小,放置位置为1,1。 -->
<body>
<canvas id="canvas_1" width="" height=""></canvas>
<script type="text/javascript">
var canvas_1=document.getElementById('canvas_1')
canvas_1.style.width='150px';
canvas_1.style.height='150px';
canvas_1.style.top='10px';
canvas_1.style.left= '10px';
var ctx=canvas_1.getContext('2d')
function drawImage() {
var img=new Image();
img.src='/public_libs/img_5.png';
img.οnlοad=function() {
ctx.drawImage(img,1,1)
}
}
drawImage()
</script>
</body>
</html>
canvas画图片
最新推荐文章于 2024-05-10 10:10:22 发布