[js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解
。为什么呢？ 首先我们要搞清楚canvas渲染图形，它是基于状态的，所谓状态就是每一次用( stroke/fill )之类的 ...
原文：[js高手之路] html5 canvas系列教程 - 状态详解(save与restore)
本文内容与路径 js高手之路 html canvas系列教程 开始路径beginPath与关闭路径closePath详解 是canvas中比较重要的概念。掌握理解他们是做出复杂canvas动画必要的基础之一. 再谈clip函数，这个函数在这篇文章 js高手之路 html canvas系列教程 图片操作 drawImage,clip,createPattern 已经有讲到过他的基本用法，我们来两个简 ...
2017-09-27 15:51 0 2812 推荐指数：
相关推荐
[js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法
canvas是html5中引入的一个新元素，俗称画布，既然是画布，当然是用来画图的。canvas技术指的是利用javascript操作canvas元素绘制图形的技术，要使用canvas,一定要浏览器支持canvas，谷歌和火狐的支持性很好，IE8不支持。你可以参考这个网站，查看canvas的支持性 ...
[js高手之路] html5 canvas系列教程 - 掌握画直线图形的常用API
我们接着上文[js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法继续. 一、直线的绘制 cxt.moveTo( x1, y1 )： 将画笔移动到x1, y1这个点 cxt.lineTo( x2, y2 )：将画笔从起点开始画直线，一直画到终点坐标( x2 ...
[js高手之路] html5 canvas系列教程 - 线条样式(lineWidth,lineCap,lineJoin,setLineDash)
上文，写完弧度与贝塞尔曲线[js高手之路] html5 canvas系列教程 - arcTo(弧度与二次,三次贝塞尔曲线以及在线工具)，本文主要是关于线条的样式设置 lineWidth: 设置线条的宽度，值是一个数值，如lineWidth = 5. 画3条不同宽度的线条 ...
[js高手之路] html5 canvas系列教程 - 线形渐变,径向渐变与阴影设置
接着上文[js高手之路] html5 canvas系列教程 - 像素操作(反色,黑白,亮度,复古,蒙版,透明)继续. 一、线形渐变 线形渐变指的是一条直线上发生的渐变。 用法： var linear = cxt.createLinearGradient( x1, y1, x2, y2 ...
[js高手之路] html5 canvas系列教程 - 图片操作(drawImage,clip,createPattern)
接着上文[js高手之路] html5 canvas系列教程 - 文本样式(strokeText,fillText,measureText,textAlign,textBaseline)继续，本文介绍的内容是canvas开发，特别是游戏中，比较常用的内容：图片处理。在游戏中的资源大多数都是加载图片 ...
[js高手之路] html5 canvas系列教程 - arc绘制曲线图形(曲线，弧线，圆形)
绘制曲线，经常会用到路径的知识，如果你对路径有疑问，可以参考我的这篇文章[js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解. arc：画弧度 cxt.arc( x, y, 半径, 开始角度，结束角度，是否逆时针 ); x, y ...
[js高手之路] html5 canvas系列教程 - 像素操作(反色,黑白,亮度,复古,蒙版,透明)
接着上文[js高手之路] html5 canvas系列教程 - 状态详解(save与restore)，相信大家都应该玩过美颜功能，而我们今天要讲的就是canvas强大的像素处理能力，通过像素处理，实现反色，黑白，亮度，复古，蒙版，透明等美颜效果. getImageData：获取一张图片的像素数 ...