众所周知canvas很厉害，游戏神马的可以媲美flash；那我们怎么利用canvas来进行图片的压缩？ 看代码 var canvas = document.getElementById(canvas); //这里你可以选择是已经有的canvas还是createElement创建一个,我的是已经有的,如果你是创建的，那你就得设
众所周知canvas很厉害，游戏神马的可以媲美flash；那我们怎么利用canvas来进行图片的压缩？
看代码
var canvas = document.getElementById(“canvas”); //这里你可以选择是已经有的canvas还是createElement创建一个,我的是已经有的,如果你是创建的，那你就得设置width,height
var ctx = canvas.getContext(“2d”); //不解释
ctx.drawImage(image,0,0,800,600); //将图片以800 600的格式绘制进去 这时候你就压缩了图片
截取图片也很简单，其实就是 你的canvas的大小 和绘制时的大小， 例如我的canvas的大小是800 500 我这里绘制的是800 600 ，高度的100将绘制不进canvas，这样就裁切掉height的100px
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
html5canvas核心技术图形、动画与游戏开发源码
2017-05-02 17:42
打印html5中Canvas的方法
2017-05-01 15:03
HTML5+Canvas调用手机拍照功能实现图片上传（下）
2017-04-30 17:00
学习慕课网canvas倒计时实例笔记
2017-04-30 14:01
网友点评
精彩导读
热门资讯
关注我们
