本文摘自PHP中文网，作者黄舟，侵删。
在上一节中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学（二）-基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：strokeStyle 决定了你当前要绘制的线条的颜色fillStyle 决定了你当前要填充的区域的颜色颜色值只要是符合CSS3 颜色值标准的有效字符串都可以。下面的例子都表示同一种颜色。例如：下面我们给出一个简单的例子，分别绘制了36个实心圆和36个空心圆，在给他们设置颜色的时候就分别用到了 strokeStyle 和 fillStyle 代码如下：不同的颜色 Code highlighting produced by Actipro CodeHighlighter (freewa1. HTML5边玩边学（四）-变幻的色彩
简介：在上一节中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。
2. Photoshop入门教程：扭曲变幻线
简介： 不少人都很喜欢下图这种扭曲变幻线的效果，很多人一般会用矢量软件来制作，用Photoshop做的话只能画根曲线，然后用alt ctrl shift t一遍遍移动复制，不过这样做出来的每条线的形状都一样，比较死板。查看更多Photoshop教程。 试了一下，发现其实用Photoshop的变形
3. Photoshop基础：简单制作变幻线特效
简介：好像之前不少人问怎么坐变幻线，一般都会说用矢量软件做比较方便，用ps做的话只能画根曲线，然后用alt ctrl shift t一遍遍移动复制，不过这样做出来的每条线的形状都一样，比较死板。试了一下，发现其实用ps制作矢量软件效果的变幻线挺简单的效果图：方法如下（
4. HTML5每日一练之Canvas标签的应用-坐标变换与路径结合使用
简介：到目前为止，我们已经学会了很多Canvas的绘制方法，如果我们要绘制如下图的图形怎么办呢？ 我们需要对矩形变形，使用坐标变换就足够了。但是对使用路径绘制出来的图形进行变幻的时候，那么要考虑的事情就 多了。因 . ...，。
【相关问答推荐】：
javascript - 像这样的粒子变幻动画的是如何实现的
以上就是有关变幻的课程推荐4篇的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css flex 布局 space-between 最后一行左对齐
html5中利用postmessage实现ajax中的post跨域
更多相关阅读请进入《JavaScript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
