() canvas画的图片如何铺满整个画布?

画布是相对于屏幕自适应的,在画布上画上去了一个图片,
怎样让这个图片实现类似css中的“background-size:cover”的方法呢

<script type=”text/javascript”>
//获取Canvas对象画布
var canvas = document.getElementById”myCanvas”;
//简单地检测当前浏览器是否支持Canvas对象,以免在一些不支持html5的浏览器中提示语法错误
ifcanvas.getContext{

//获取对应的CanvasRenderingContext2D对象画笔
var ctx = canvas.getContext"2d"; //创建新的图片对象
var img = new Image;
//指定图片的URL
img.src = "http://www.365mini.com/image/google_logo.png";
//浏览器加载图片完毕后再绘制图片
img.onload = function{ //以Canvas画布上的坐标10,10为起始点,绘制图像 //图像的宽度和高度分别缩放到350px和100px ctx.drawImageimg, 10, 10, 350, 100; };

}
</script>

发表评论

电子邮件地址不会被公开。 必填项已用*标注