用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) 向指定范围内绘制像素信息

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容