《HTML5 Canvas开发详解》——2.3 Canvas状态-阿里云开发者社区

开发者社区> 异步社区> 正文

《HTML5 Canvas开发详解》——2.3 Canvas状态

简介:
+关注继续查看

本节书摘来自异步社区《HTML5 Canvas开发详解》一书中的第2章,第2.3节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

2.3 Canvas状态

在Canvas上下文中绘图时可以利用所谓的绘图堆栈状态。每个状态随时存储Canvas上下文数据。下面是存储在状态堆栈的数据列表。

  • 变换矩阵信息,例如旋转或平移时使用context.rotate()方法和context.setTransform()方法。
  • 当前剪贴区域。
  • 画布属性的当前值,如下所示(但不限于)。
—globalAlpha
—globalCompositeOperation
—strokeStyle
—textAlign, textBaseline
—lineCap, lineJoin, lineWidth, miterLimit
—fillStyle
—font
—shadowBlur, shadowColor, shadowOffsetX, and shadowOffsetY

本章稍后会讲到这些状态。

2.3.1 什么不属于状态
当前路径(本章稍后将探讨)和当前位图(参见第4章)受Canvas上下文控制,不属于保存的状态。这个重要的功能允许在画布上对单个对象进行绘画和制作动画。2.7节“简单画布变换”将初始化Canvas状态,以将变换应用到当前建立和绘制的形状,同时保持画布其他部分不变。

2.3.2 如何保存和恢复Canvas状态
保存(推送)当前状态到堆栈,调用以下函数。

context.save()

调出最后存储的堆栈恢复画布,使用以下函数。

context.restore()

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
数据同步框架MS Sync Framework - IDE快速开发支持Local Database Cache
数据同步框架MS Sync Framework [术语、例子、参考资料、Tips] http://www.cnblogs.com/2018/archive/2011/02/22/1961654.html  数据同步框架MS Sync Framework-不同场景使用例子和简要分析 http://www.cnblogs.com/2018/archive/2011/02/23/1961657.html 以上两篇文章对框架的基础有了描述,通过IDE的提供Local Database Cache可以快速的实现一个常用的同步应用。
728 0
如何用 CSS 和原生 JS 开发一个监控网络连接状态的页面
效果预览 在线演示 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/oPjWvw 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。
1012 0
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏                                            先看效果图。
2217 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
7751 0
《Web前端开发精品课——HTML5 Canvas开发详解》——第一部分第二章节
本节书摘来自异步社区《Web前端开发精品课——HTML5 Canvas开发详解》一书中的第1部分,第2章,作者:莫振杰 著,更多章节内容可以访问云栖社区“异步社区”公众号查看
2272 0
关于安卓开发实现双状态按钮
双状态按钮(Toggle) xml文件代码 1 2 6 12 19 20 xml文件 java文件 1 package lianxi; 2 3 import java.
578 0
《HTML5 Canvas开发详解》——导读
HTML5 Canvas为开发者提供了一个新的机会,利用它仅使用普通的HTML和JavaScript语言就可以在常见的浏览器中创建动画图形。Canvas是HTML5中使用率最高的一部分,它被用于许多演示与游戏。
1273 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
11939
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载