6-4图片j截取

首页课程实战体系课手记专栏慕课教程

6-4图片j截取

来源：6-4 编程练习

田马达加斯加

2018-10-29 15:43:06

<!DOCTYPE html>

<html>

<head>

<title>canvas图片</title>

<style>

canvas{background-color:lightblue;}

</style>

</head>

<body>

<canvas id="canvas" width="800px" height="800px">您的浏览器不支持canvas

</canvas>

var canvas=document.getElementById("canvas");

var context=canvas.getContext('2d');

//在此处补充代码

context.arc(400,400,60,0,2*Math.PI,true);

context.fill();

var img=new Image();

img.src="http://climg.mukewang.com/59859f4d00014f1503000100.jpg";

img.onload=function(){

context.drawImage(img,0,0,30,100,385,350,30,100);

}

</script>

</body>

</html>

图片怎么看不见了

写回答

1回答

好帮手慕星星

2018-10-29

已采纳

是你设置的图片位置以及大小不对，参考：

前面两个参数是位置，后面两个参数是宽高。

自己测试下，祝学习愉快！

0 学习 · 4826 问题

查看课程

相似问题

6-4 如何让图片水平、垂直居中

回答 1

文字被图片遮住

回答 1

老师，我的水平怎么跑到图片下面了

回答 1

图片的坐标为什么变了

回答 1

如何获取颜色

回答 1

打开慕课网App查看更多内容