HTML5 Canvas学习
一．SVG(Scalable Vector Graphics,可伸缩矢量图形)和Canvas对比 1.Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG那样可以被放大缩小。 2.用Canvas绘制出的对象不属于页面DOM结构或者任何命名空间——这点被认为是 ...
原文：HTML5 快速学习二 Canvas
本篇文章开始讲解HTML 的核心功能之一：Canvas 通过Canvas可以动态生成和展示图形 图表 图像以及动画。 Canvas API功能非常多，我们将讨论最常用的功能。 我们先新建一个canvas看看。 我们给canvas加一个边框，这样比较方便看。 可以看到， canvas会创建一块矩形区域，默认情况下生成大小是 像素。 在页面中加入canvas后，我们便可以通过js来自由地控制她。 例如 ...
2014-11-25 08:14 12 3713 推荐指数：
相关推荐
Html5 学习系列（五）Canvas绘图API快速入门（1）
引言：Canvas绘图API快速入门 在接触HTML5的初学者包括我都在很多地方见到非常炫的一些页面，甚至好多学习HTML5的开发者都是冲着Web端的页游去的，那么HTML5那么绚丽的页面效果以及游戏动画效果的原理是怎样的？本篇文章将带您在20分钟内快速了解和上手 ...
Html5 学习系列（五）Canvas绘图API快速入门（2）
Canvas绘图API Demos 上一篇文章中，笔者已经给大家演示了怎么快速用Canvas的API绘制一个矩形出来。接下里我会在本文中给各位介绍Canvas的其他API：绘制线条、绘制椭圆、绘制图片、图片处理等...如果想获得更好的阅读效果请点击老马的独立 ...
HTML5 快速学习一
关注HTML5有一段时间了，一直没系统的去学习过。 对于HTML5的理解，之前停留在一些新的标签，一些api可以完成部分js完成的事情，仅此而已。 前段时间HTML5定稿了，看了一些这方面的报道，进行了系统的学习，HTML5能做的远比你想象的多。 是时候开始学习了。 本系列内容主要 ...
HTML5 学习之Canvas画布
HTML5可以用javascript进行图形的制作，需要声明一个<canvas>标签，然后在这个标签中用javascript利用canvas API进行画图，举例如下: <canvas id="canvas1" width="200" height="200">< ...
HTML5 Canvas 颜色填充学习
---恢复内容开始--- 如果我们想要给图形上色，有两个重要的属性可以做到：fillStyle 和 strokeStyle。 strokeStyle 是用于设置图形轮廓的颜色，而 f ...
HTML5学习总结——canvas绘制象棋(canvas绘图)
一、HTML5学习总结——canvas绘制象棋 1、第一次：canvas绘制象棋（笨方法）示例代码 View Code 运行结果： 小结： 刚刚学习了canvas,做了一个简单的示例，希望能巩固一下自己所学的知识，从上面的代码可以看出存在很多不 ...
HTML5之Canvas画布
先上代码： - Rectangles 绘制矩形对象 - context.fillRect(x,y,w,h) // 绘制矩形 - context.strokeRect(x ...