摘要：
初看到题目大家怎么个反应啊，哇塞，这么多啊，可是看完这节课程之后，你会发现这些功能不过如此。 1》移动 translate(x, y) 简单的说明一下 ，X 左右偏移量 Y 上下偏移量 说白了，就是说，假如原先的坐标在 （0,0） 那么 使用 translate(100,100) 之后，坐标就到 (100,100)这个点了 。 然后，我们首先呢，我先写个 “王” 哈哈，俺的姓。 效果图 哈哈。 大家可以看到，这是的坐标是以（0,0）为原点的。下面我们就想办法，将他更改 function draw() { var c = document.... 阅读全文
摘要：
阴影效果 我们首先看一下，如何实现一个阴影效果，呵呵，看效果吧 好了 ，先给大家展示一下代码，在说明一下。 <! doctype html><html><head> <script type="text/javascript"> function draw() { var c = document.getElementById("mycanvas"); var cxt = c.getContext("2d"); cxt.shadowOffsetX = 5; cxt.shadow... 阅读全文
摘要：
大家好，这节课咱们继续讲解 canvas 这个标签的一些常见的使用，呵呵，这个标签还是真的挺有用途的。 这节课程首先说明的是 如何才 canvas 中插入图像。 canvas 插入图像的步骤：呵呵，又来了。 1.首先当然准备一张图片了。 2.用 drawImage 方法将图像插入到 canvas 中。 drawImage 方法 有三种形态的参数可以选择 第一种： 我们先用最简单的方法写一个例子 drawImage(image, x, y) 其中 image 是 image 或者 canvas 对象，x 和 y 是其在目标 canvas 里的起始坐标 下面我们写一个例... 阅读全文
摘要：
哈哈，开始吧，这节课第一个内容是 路径。路径，顾名思义，就是俺拿着画笔，划线呗。 画图的几个步骤。 第一步：找个起点开始画图。----beginPath; 第二步 : 划线，画出自己想要的图像 。 第三步：完成图形，关闭路径。 当然也可以什么都不做，就是画一个点或者一条线 ----- closePath 第四步：填颜色。 哈哈，对不对啊，俺上小学，美术老师就是这么教的。 好了，先随便画一个图形吧。---画一条线，(*^__^*) 嘻嘻…… <script type="text/javascript"> function draw() { ... 阅读全文
摘要：
继续更新我们的教程，哈哈，个人觉得 ，这个HTML5 的官方 LOGO 怎么看，怎么像变形金刚。 神马关系~~~~~~~~~~~ <Canvas> 是HTML5中新出现的一个元素。就是可以通过 JS绘制图形。 目前浏览器对 Canvas 的支持情况如下 IE FF Chrome Safari Opera IPhone Android 版本7.0以上 版本3.0以上 版本3.0以上 版本3.0以上 ... 阅读全文