Cp0 裁剪和绘制图像 裁剪区域clip() 使用Canvas绘制图像的时候，我们经常会想要只保留图像的一部分，这是我们可以使用canvas....
Cp0 使用切点绘制圆弧 arcTo()介绍 arcTo()方法接收5个参数，分别是两个切点的坐标和圆弧半径。这个方法是依据切线画弧线，....
Cp9 全局阴影与图像合成 阴影效果 创建阴影效果需要操作以下4个属性：context.shadowColor：阴影颜色。 context.shadowOffse....
Ch9 绘制标准圆弧 高级路径 今天开始，我们就要征战路径最后也是最难的部分了——高级路径。之前我们学习的都是绘制线条（基....
Ch8 填充样式 createPattern()简介 纹理其实就是图案的重复，填充图案通过createPattern()函数进行初始化。它需要传进两个参....
Cp8 文本对齐与度量 文本对齐 水平对齐textAlign context.textAlign="center|end|left|right|start"; 其中各值及意义如下表....
Ch7 填充颜色 艺术离不开色彩，今天咱们来介绍一下填充颜色，体会一下色彩的魅力。 填充颜色主要分为两种：基本颜色 渐变颜....
Cp7 文本显示与渲染 文本API简介 今天我们开始征战一个全新的内容——HTML5 Canvas的文本API！要知道，艺术家通常同时也是一....
Ch6 线条的属性 线条属性概述 线条的属性共有以下四个： 1、lineCap属性 lineCap 定义上下文中线的端点，可以有以下 3 个值....
Cp6 矩阵变换 变换矩阵 之前三节所说的坐标变换的三种方式——平移translate()，缩放scale()，以及旋转rotate()都可以通过tr....
Cp5 缩放变换 缩放变换scale() 缩放变换scale(sx,sy)传入两个参数，分别是水平方向和垂直方向上对象的缩放倍数。例如context....
Ch5 绘制矩形 使用closePath()闭合图形 首先我们用上节课的方法绘制一个矩形。绘制矩形你的浏览器居然不支持Canvas？！赶快....
Cp4 旋转变换 旋转变换rotate() 同画圆弧一样，这里的rotate(deg)传入的参数是弧度，不是角度。同时需要注意的是，这个的旋....
Cp3 平移变换 图形变换 从今天开始，我们就开始谈一谈图形变换。图形变换是指用数学方法调整所绘形状的物理属性，其实质是坐....
Ch4 多线条组成图形 绘制折线 上一节中，我们已经成功绘制了一条线段。那么，如果我要绘制有两个笔画甚至是很多笔画的折线怎....
Cp2 最后的API 橡皮擦clearRect() 之前一直教大家怎么绘图，各种画笔各种样式，却没有教过童鞋们使用橡皮擦。Canvas 提供了c....
Cp2 三次贝塞尔曲线 bezierCurveTo()方法 绘制三次贝塞尔曲线代码如下。 context.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y);....
Cp 从线段开始 怎么画线段？ 上一讲我们已经得到了咱们的画布和画笔，在发挥艺术家之魂前，还是要像小孩牙牙学语一样，我们....
Cp 开始前的准备 添加一个Canvas 在HTML中添加Canvas非常简单，只需要在HTML的部分，添加上标签就可以了！可以参考下面的代....
Cp1 二次贝塞尔曲线 贝塞尔曲线 Bézier curve(贝塞尔曲线)是应用于二维图形应用程序的数学曲线。 曲线定义：起始点、终止点....
名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
