投稿赚佣金 
升级SVIP
HTML5边玩边学（2）基础绘图实现方法
一、坐标系其实只要玩过一点点图形编程的人都知道，电脑上的坐标系和数学上的坐标系稍微有点不同，坐标的原点在绘制区域（这里是Canvas）的左上角，X轴正向朝右，Y轴正向朝下，如下图声明：为本文为原创文章，作者保留所有权利！欢迎转载，转载请注明
HTML5是否真的可以取代Flash
Adobe CTO Kevin Lynch 北京时间2月6日消息，网络开发者之间正在进行一项攸关网络未来的激烈辩论：是否该继续使用Adobe Flash，或改用更新的技术？ 这项争论已持续多年，但上周苹果公司发表的iPad（和iPhon
HTML5 标准将把互联网视频扔回到黑暗时代
Adobe的Flash技术最近连受打击。首先是苹果最近推出的iPad平板电脑以及iPhone智能 手机不支持Flash技术，同时苹果 CEO史蒂夫·乔布斯(Steve Jobs)批评Flash软件漏洞太多，容易导致故障，而且批
HTML5 微格式和相关的属性名称
2004年5月29日，在我退休的博客和所有的大话 ，当我调查40个设计师的网站，看看他们为公共页面元素使用的约定，如标题和横幅，导航，内容和页脚（那时候的结果 ）。这几乎不是科学研究，但在那年6月，我跟进了Eric Meyer的一些意见 ，
用HTML5.0制作网页的教程
根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一 个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大
HTML5 MiranaVideo播放器 (代码开源)
【HTML5】---【MiranaVideo播放器】 请使用新版的firefox或chrome等支持video格式的浏览器打开 多个视频加载,图片浏览: MiranaVideo Demo : http://demo./js/MiranaVi
HTML5 Canvas概述
是一个新的HTML元素，这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。右面的图象展示了一些的应用示例，我们将会在此教
IE支持HTML5的解决方法
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使
让IE支持HTML5的方法
越来越多的站点开始使用 HTML5 标签，但是目前的情况是还有很多人在使用IE6、IE7、IE8。为了让所有浏览者都可以正常的访问，解决方案有下面两个： 1.为网站创建多套模板，通过程序对User-Agent的判断为不同的浏览器用户显示不同
HTML5 常用语法一览(列举不支持的属性)
HTML头部标记标记描述HTML5标准定义页面中所有链接的基准URL设定显示在浏览器左上方的标题内容表明该文档是一个可用于检索的网关脚本不支持文档本身的元信息,例如查询关键词,有效期等
HTML5 File API改善网页上传功能
HTML 5 让 HTML 这个一度单纯的置标语言焕发出成熟的魅力，使之成为 Web 开发者的强力工具。 近日W3C又推出一个新草案——HTML5 File API，这个 API 将让大大改善基于Web 的文件上传操
HTML5 canvas 基本语法
HTML 5 canvas —— 基本语法简述 5 规范引进了很多新特性，其中最令人期待的之一就是 元素。HTML 5 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。每一个 元素都有一个
html5 Canvas画图教程(1)—画图的基本常识
虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基础。 另外，画图嘛，总
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/
如果你还不知道Canvas是什么，可以看看上一篇. 在学画画的时候，线条是最基本的了，而线条的连接可以组成任何图形。在Canvas中也是如此。 在开始之前我们先拿出画布和画笔： 复制代码代码如下: var cvs = document.ge
html5 Canvas画图教程(3)—canvas出现1像素线条模糊不清的原因
接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。 这篇文章的目的就是弄清楚里面的原理，以及解决它。 大家都知道屏幕上最小的显示尺寸就是1像素
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法。 填充即fill(),很直白吧？而且和strokeStyle表示描边样式一样，fillStyle即表示填充样式。 ctx
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
在canvas画线条这篇文章中，我讲了画直线的方法，按理这篇画曲线的文章早该发了，但由于canvas画曲线比较特殊，我还没摸透，所以要一步步尝试。 canvas里画曲线的难点之一，就在于他连曲线的函数就有4个！分别是arc,arcTo,qu
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
上一篇文章讲了canvas的arc方法，这一篇讲和他有关的arcTo方法。 arc与arcTo，从名字都能看出来相似。arcTo也是画曲线的方法，而且他画出的曲线也是正圆的一段弧线。但他的参数和arc简直是不共戴天~ ctx.arcTo(x
html5 Canvas画图教程(7)—canvas里画曲线之quadraticCurveTo方
继续讲canvas中画曲线的方法，今天讲quadraticCurveTo。 说实话这个方法有点吓人，单从函数名称上都可以初体验。话说，我觉得有必要把这个函数名缩短。 quadratic的意思是二次，即数学中二次元方程那个二次。而ctx.qu
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
前面的文章我已经讲了3种在canvas中画曲线的方法：arc,arcTo以及quadraticCurveTo.他们都有一个共同点，就是他们画的曲线都只能偏向一边，今天讲的bezierCurveTo与他们最大的不同点就是有两个控制点，即可以画
