XML/HTML Code复制内容到剪贴板 <html> <canvasid="a_canvas"width="1000"height="700"></canvas> <script> ...
创建阴影效果需要操作以下4个属性： 1.context.shadowColor：阴影颜色。 2.context.shadowOffsetX：阴影x轴位移。正值向右，负值向左。 3.cont...
指定颜色 黑色是Canvas绘制的默认色彩，要想换一种颜色的话，就得在实际画之前指定颜色。 JavaScript Code复制内容到剪贴板 ctx.stro...
API简介 今天我们开始征战一个全新的内容——HTML5 Canvas的文本API！要知道，艺术家通常同时也是一个书法家，所以我们要学习写字，而且是...
二话不说，先上效果图以及源代码~ HTML代码 XML/HTML Code复制内容到剪贴板 <!doctypehtml> <htmllang="en"> <head> ...
缩放变换scale(sx,sy)传入两个参数，分别是水平方向和垂直方向上对象的缩放倍数。例如context.scale(2,2)就是对图像放大两倍。其实，看上去...
在介绍矩阵变换transform()前，我们来说一说什么是变换矩阵。 以上是Canvas中transform()方法所对应的变换矩阵。而此方法正是传入图中所示的...
平移变换translate() 平移变换，故名思议，就是一般的图形位移。比如这里我想将位于（100，100）的矩形平移至（200，200）点。那么我只要在...
作为web开发者，我一直在和HTML5 canvas元素打交道。渲染图片是一个大的分支，十分重要而且很常用，所以,今天的教程是关于画布图像展示以...
绘制标准圆弧 在开始之前，我们优化一下我们的作图环境。灵感来自于上节课的纹理，如果不喜欢这个背景，我在images目录下还提供了其他的背景...
