HTML5每日一练之Canvas标签的应用
在本节课,你只需要了解即可,不需要大量的练习,我们下节课会用到此函数。
Canvas里的globalCompositeOperation是个很少用到的函数,不太熟悉程序绘图的同学们估计压根都不知道这玩意是干什么的.
简单来说,Composite(组合),就是对你在绘图中,后绘制的图形与先绘制的图形之间的组合显示效果,比如在国画中,你先画一笔红色,再来一笔绿色,相交的部分是一种混色,而在油画中,绿色就会覆盖掉相交部分的红色,这在程序绘图中的处理就是Composite,Canvas API中对应的函数就是globalCompositeOperation,跟globalAlpha一样,这个属性是全局的,所以在使用的时候要注意save和restore.
我在练习这个函数的时候,用的是chrome浏览器,但是测试结果却跟实际应该出现的结果不太一致,开始我以为是写错了,检查数遍却没有问题,疑惑之下换了各种浏览器来测试,真是囧啊,每个浏览器居然都不一样,连同核心的chrome和safari都不一样...
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标签的应用-坐标变换与路径结合使用 8. HTML5每日一练之Canvas标签的应用-绘制向日葵 10. HTML5每日一练之Canvas标签的应用-绘制线性渐变图形 本文来源:https://www.51html5.com/a626.html ﹝HTML5每日一练之Canvas标签的应用﹞相关内容
「HTML5每日一练之Canvas标签的应用」相关专题其它栏目也许您还喜欢 |