用canvas绘制图片

绘制图片必须在图片加载完成之后
绘图 3-9个参数
drawImage(img,x,y) 图片有多大,绘制多大

drawImage (img,ix,iy,iw,ih) 将图片绘制到指定大小内,会压缩或拉伸图片

drawImage (img,ix,iy,iw,ih,cx,cy,cw,ch);将前四个参数决定从原图上指定位置剪下指定大小的图,绘制到指定位置的画布上的指定大小,会压缩或拉伸图片

第一个参数始终是图片对象,第二.三个参数代表起始点 第四.五个参数代表绘制图片的大小

getImageData(x,y,w,h) 获取指定范围内的像素信息

putImageData(imageData,x,y) 向指定范围内绘制像素信息

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 绘制图片,要求图片必须在加载完成之后。drawImage(img,x,y)图片有多大绘制多大;drawImage(...
    月光在心中阅读 4,563评论 0 3
  • canvas 是HTML5中新增的一个标签(video),绘制操作通过Javascript完成。Svg 矢量图符合...
    LorenaLu阅读 4,095评论 0 0
  • canvas:画布 画布大小默认300*150(宽高) canvas画布有一个坐标轴 坐标远点0,0 位置在左上角...
    what__阅读 3,255评论 0 1
  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,185评论 2 32
  • 在《简书历史月刊003·三千年来谁著史》中,我们曾设置了一个专门的版块来说"历史是什么”的问题: 【特辑:历史是什...
    子曰少怀阅读 5,944评论 14 10