本文详细介绍了HTML5 Canvas的图形复合操作、变形、文本绘制、图像阴影、图片处理、像素操作等特性，包括不同类型的复合操作、旋转、缩放、文本样式、阴影效果、图像平铺、裁剪、像素数据获取与放回，以及transform、setTransform、save和restore方法的使用。此外，还提及了isPointInPath方法用于测试坐标是否在路径内。
一，canvas
1，全局复合图形操作
ctx.globalCompositeOperation = type;
type用于设置新图形与原有图形的融合
type取值：
两种前缀：
以原图为准使用destination-
以新图为准使用source-
destination-over:原图覆盖新图
source-over:新图覆盖原图
destination-in:仅仅显示重叠部分，原图颜色；
source-in:仅仅显示重叠部分，新图颜色；
destination-out:仅仅显示不重叠部分，原图的
source-out:仅仅显示不重叠部分，新图的
destination-atop:重叠部分保留，原图覆盖新图，原图不重叠部分消失
&n
1，全局复合图形操作
ctx.globalCompositeOperation = type;
type用于设置新图形与原有图形的融合
type取值：
两种前缀：
以原图为准使用destination-
以新图为准使用source-
destination-over:原图覆盖新图
source-over:新图覆盖原图
destination-in:仅仅显示重叠部分，原图颜色；
source-in:仅仅显示重叠部分，新图颜色；
destination-out:仅仅显示不重叠部分，原图的
source-out:仅仅显示不重叠部分，新图的
destination-atop:重叠部分保留，原图覆盖新图，原图不重叠部分消失
&n
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
