HTML5教程

当前位置: HTML5技术网 > HTML5教程 > HTML5每日一练之Canvas标签的应用

HTML5每日一练之Canvas标签的应用

在本节课,你只需要了解即可,不需要大量的练习,我们下节课会用到此函数。

Canvas里的globalCompositeOperation是个很少用到的函数,不太熟悉程序绘图的同学们估计压根都不知道这玩意是干什么的.

简单来说,Composite(组合),就是对你在绘图中,后绘制的图形与先绘制的图形之间的组合显示效果,比如在国画中,你先画一笔红色,再来一笔绿色,相交的部分是一种混色,而在油画中,绿色就会覆盖掉相交部分的红色,这在程序绘图中的处理就是Composite,Canvas API中对应的函数就是globalCompositeOperation,跟globalAlpha一样,这个属性是全局的,所以在使用的时候要注意save和restore.

我在练习这个函数的时候,用的是chrome浏览器,但是测试结果却跟实际应该出现的结果不太一致,开始我以为是写错了,检查数遍却没有问题,疑惑之下换了各种浏览器来测试,真是囧啊,每个浏览器居然都不一样,连同核心的chrome和safari都不一样...

参数

【HTML5每日一练之Canvas标签的应用】相关文章

1. HTML5每日一练之Canvas标签的应用-在页面上放置Canvas

2. HTML5每日一练之Canvas标签的应用-绘制径向渐变图形

3. HTML5每日一练之Canvas标签的应用-绘制坐标变换图形

4. HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用

5. HTML5每日一练之Canvas标签的应用-绘制矩形

6. HTML5每日一练之Canvas标签的应用-矩阵变换

7. HTML5每日一练之Canvas标签的应用-绘制圆形

8. HTML5每日一练之Canvas标签的应用-绘制向日葵

9. HTML5每日一练之Canvas标签的应用

10. HTML5每日一练之Canvas标签的应用-绘制线性渐变图形

本文来源:https://www.51html5.com/a626.html

点击展开全部

﹝HTML5每日一练之Canvas标签的应用﹞相关内容

「HTML5每日一练之Canvas标签的应用」相关专题