三、 canvas 进阶 3.1 Canvas 颜色样式和阴影 3.1.1 设置填充和描边的颜色（掌握） fillStyle : 设置或返回用于填充绘画的颜色 strokeStyle: 设置或返回用于笔触的颜色 ...

...

前几章我们学习了矩形、多边形、圆形、曲线等图形的绘制，今天来学习下更简单一些的文本绘制及其各种功能方法。 在canvas中我们可以通过 strokeText() 和 fillText() 来绘制描边文本或者实心文本： strokeText() 和 fillText() 内均有 ...

今天要介绍的是canvas对图形对象的操作，包括图像、视频绘制，和操作像素对象的方法。 图片/视频的绘制 在canvas中，我们可以通过 drawImage() 的方法来绘制图片或视频文件，其语法为： ctx.drawImage( img, clip_x, clip_y, clip_w ...

已经第六章了，也差不多接近尾声，如果你从第一章耐心follow到本章结束，那你便能掌握canvas的大部分知识点（当然如果要精通，还是得多靠练习，做一些小案例）。 今天我们要学习的是canvas的变形转换方法。 缩放方法scale() 在canvas中，如果我们需要缩放当前绘图对象 ...

canvas是定义在浏览器上的画布。它不仅仅是一个标签元素更是一个编程工具是一套编程的接口。利用它可以开发出很多东西，比如动画，游戏，动态的图表等富有变现力和感染力的应用。还可以开发出绚丽的3D动态效果。接下来我们一起学习！ 一、 创建canvas 看一下现在的效果 ...

这是本系列的最后一篇入门文章，主要是对剩余的未说明的canvas方法来逐个介绍。 首先，如果你是一名擅长矢量设计的设计师，对Illustrator或者Fireworks很熟悉的话，那你肯定知道它们有一个很强大的矢量混合处理功能，可以对多个矢量路径进行“合并”、“拆分”、“结合”、“相交”等系列 ...

周老虎落网的时候，网易跟腾讯都推出了牛逼轰轰的HTML5页面来展示其关系网（网易http://news.163.com/special/data_zyk/ ，腾讯http://news.qq.com/zt2014/zykgxw/index.htm），查看这俩页面，都是通过H5中canvas强大 ...