4.6  位图处理

  4.6.1  位图裁剪

      CanvasRenderingContext2D提供了一个clip()方法,这个方法会吧Canvas的当前路径裁剪下来。

      一旦调用了CanvasRenderingContext2D对象的clip()方法之后,接下来向Canvas绘制图形时,

      只有被clip()剪裁的路径覆盖的部分才会被显示出来。

      实现位图剪裁的步骤如下:

        1:将需要从位图上剪裁的部分定义成Canvas上的路径。

        2:调用CanvasRenderingContext2D的clip()方法吧路径剪裁下来。

        3:绘制位图-此时只有被clip()剪裁的路径覆盖的部分才会被显示出来。

  4.6.2  像素处理

      CanvasRenderingContext2D还提供了如下两个功能非常强大的像素处理方法。

        getImageData(int x,int y,int width,int height):该方法获取Canvas上从(x,y)点开始,

          宽为width、高为height的图片区域的数据。该方法的返回值是一个CanvasPixelArray对象,

          该对象具有width、height、data等属性。其中data属性是一个形如[r1,g1,b1,a1,

          r2,g2,b2,a2, r3,g3,b3,a3,````rN,gN,bN,aN]的数组,该数组中每4个元素对应一个像素点。

        putImageData(CanvasPixelArray data,x,y):该方法负责吧data里的数据放入Canvas中从(x、y)

          点开始的区域。该方法将会直接改变Canvas上的图像数据。

4.7  输出位图

    当程序通过CanvasRenderingContext2D在Canvas上绘图完成后,还可调用Canvas提供的如下方法来输出位图:

      toDataURL(String type):该方法把Canvas对应的位图编码成DataURL格式的字符串。该方法的type参数

        是一个形如image/png格式的MIME字符串。

转载于:https://www.cnblogs.com/duzuoyan/p/3776494.html

6月8号=》105页-110页相关推荐

  1. 小米抢购页面源码分析2014年03月04号

    从4号开始第一次抢小米,然后利用两个晚上看了代码写了日志,竟发到了人人网上,后来觉得发到人人上算什么.所以放到了这里,从后面的分析来看,这篇里面不乏有些错误,只是原样放到了这里跟大家分享一下我的经历. ...

  2. 小米抢购页面源码分析2014年03月11号

    这个是3月11号的源码分析,后来没有写18号的,因为18号抢到一个,而且自己还有脑残行为,虽然有重大发现,看25号的情况再说吧... By:小宗 3月11号又是抢小米的日子....(今天出去了一下,回 ...

  3. 5月20号端游吃鸡服务器维护,吃鸡12月20号更新 | 手游网游页游攻略大全

    发布时间:2016-07-08 csol2维护到几点?1月20号更新了什么内容?感兴趣的朋友来看看csol2新版本20日维护到几点 1月20号更新了什么内容吧,希望可以帮到大家. csol2新版本20 ...

  4. 清华大学张文增教授110页PPT讲专利申请、检索与解读

    导读:本文为清华大学张文增教授讲解专利申请.检索与解读的完整版110页PPT,技术人员必备,赶紧收藏吧! 作者:张文增 来源:机工教育(ID:cmpedu) 更多精彩 在公众号后台对话框输入以下关键词 ...

  5. 2021.02.04——用爬虫爬取nga ow区1-10页的帖子并生成词云图

    前言 最近在学习爬虫的相关知识,思考做一个案例,平常nga ow区逛的也挺多,就爬取一下前10页帖子的标题,并以此生成词云图吧! 查阅相关链接 词云的简单实现 爬取网站多页数据实现方法 静态爬取方法 ...

  6. PPTX|2021消防安全月启动培训课件(120页)(附下载)

    摘要:2021消防安全月启动培训课件(120页) 公众号:安全生产星球

  7. excel更改页眉页脚_如何在Excel的页眉和页脚中键入“&”号

    excel更改页眉页脚 Have you tried to type an ampersand (&) in a header or footer in Excel and seen it d ...

  8. JZOJ2020年8月11日提高组T3 页

    JZOJ2020年8月11日提高组T3 页 题目 Description 战神阿瑞斯听说2008年在中华大地上,将举行一届规模盛大的奥林匹克运动会,心中顿觉异常兴奋,他想让天马在广阔的天空上,举行一场 ...

  9. 公众号关注html引导页,【图】公众号的关注引导页在哪里找?趣味引导页面图片合集...

    微信公众号关注引导图片一直是很多号主所追求的东西,因为一篇文章的开始就是图片,并且人们对于图片的解读能力还是很强的,比起琐碎的时间和更加宝贵的游戏时间来说,图片还是更加主观一点,因为现在已经很少有人能 ...

最新文章

  1. 菜鸟玩基金(四)——注意事项
  2. python numpy库安装 mac_教程|如何在mac上为Python安装XGBoost!
  3. 数据库经典DB2在技术前沿展现王者风范
  4. html 中怎样显示enum,JavaScript如何枚举?
  5. asp.net 404页面
  6. Java之链表的反转
  7. React Concurrent Mode 之 Suspense 实践
  8. 【WAX云钱包】Cloudflare反爬虫突破(SSL指纹识别)
  9. ArcGIS之多个GDB批量导出shp至特定文件夹20201228
  10. cfg格式文件在服务器哪里,cfg文件,小编教你怎么打开cfg文件
  11. Android存储之MediaStore的使用
  12. 程序员如何管理自己的财富
  13. JavaScript阻塞与非阻塞
  14. 「译」Web安全快速入门
  15. 我们如何研发了世界上最酷的调车内燃机车自动驾驶系统
  16. 卡米歇尔(Carmichael)数、函数
  17. 如何在微软Azure上搭建个人博客网站
  18. 开发实习日记10.11
  19. 一个简单的登录注册界面流程介绍
  20. 办公软件excel表格_【办公软件】文字排版 表格制作 PPT培训

热门文章

  1. 图解入侵过程,黑客未来!
  2. 微软与联合国环境规划署联手解决环境问题
  3. Linux命令netstat解读
  4. 制度缺陷还是人性不堪
  5. Tomcat服务OTA发布J2ME应用(eclipse开发环境)
  6. 我阅读科研文献的一些做法[转]
  7. 什么是async、await?
  8. 用技嘉Windows Image Tool给原版WIN7镜像注入USB3.0驱动
  9. MySql提示服务已经启动成功但又提示can’t connect to MySQL server解决方法,mysql服务自动停止处理方法
  10. CTFshow 反序列化 web275