HTML5 Canvas绘图基础
一、canvas是什么？ canvas就是画布 canvas元素用于在网页上绘制2D图形和图像 二、canvas坐标体系 canvas的默认宽高是300*150，要在脚本中对画布进行操作。 踩坑注意：如果要对canvas画布的大小进行操作，不能在style上操作，要在内联样式上写或者js ...
原文：HTML5之Canvas绘图——半圆与圆弧的不同画法
昨天写的博客中，写到了HTML 中使用Canvas画圆的方法，昨晚试了一下画一个笑脸，其实挺简单的，就是两个实心圆做眼睛，一个半圆弧做嘴，这个简单的笑脸就完成了，但是在做嘴的时候开始出现了问题： 这几天正在看一本书 陶国荣的 HTML 实战 ，这本书里的一个笑脸实例让我顿悟，方法更是简单的让我汗颜啊 先看效果，再上代码 OK啦，这样就可以实现我那个的笑脸的嘴了 ...
2012-11-27 14:28 0 16699 推荐指数：
相关推荐
HTML5 canvas 在线画笔绘图工具（一）
HTML5 canvas 在线画笔绘图工具(一) 功能介绍 这是我用Javascript写的第一个程序，在写的过程中走了很多弯路，所以写完之后想分享出来，给与我一样的初学者做为学习的参考，同时在编写这个程序时我也碰到一些问题，这里我也会一并的提出来给大家讨论，让我们都能得到进步 ...
HTML5之Canvas绘图——写文字
Canvas还有一个好的功能就是将文字书写出来，看实例 ...
HTML5 Canvas 2D绘图
为了防止无良网站的爬虫抓取文章，特此标识，转载请注明文章出处。LaplaceDemon/ShiJiaqi。 http://www.cnblogs.com/shijiaqi1066/p/4851774.html Canvas Canvas标签，用于在web中绘制各种图形 ...
HTML5之Canvas绘图——Canvas画布调整之移动、缩放、旋转
有些人有些不解，为什么Canvas的坐标是从左上角开始的，而且向下是Y的正方向，向右是X的正方向？其实我也很不理解~~ 为什么就不能给我们更多的自定义功能呢？下面我改写了一段Canvas画布调整的代码，包含了Canvas画布的移动、缩放和旋转等相关功能 注意：调整了画布后，以后 ...
HTML5学习总结——canvas绘制象棋(canvas绘图)
一、HTML5学习总结——canvas绘制象棋 1、第一次：canvas绘制象棋（笨方法）示例代码 View Code 运行结果： 小结： 刚刚学习了canvas,做了一个简单的示例，希望能巩固一下自己所学的知识，从上面的代码可以看出存在很多不 ...
HTML5 Canvas学习---第三章 《Canvas上画线条，圆弧，曲线》
今天讲的例子比较多，可能篇幅长一些。从实用性看，前三个例子需要完全理解。后面的可以有兴趣再回头看，因为圆弧和曲线平时的设计当中不经常用到。 闲话少说，先来第一个例子：最基本的矩形 案例中涉及的函数 fillRect(x, y, width, height)：在(x, y)点 ...