使用HTML5Canvas实现画图效果.doc

使用HTML5 Canvas实现画图效果一个简单的Canvas应用功能很简单，原理其实和拖放是类似的，主要是三个事件：在canvas 上绑定mousedown 事件以标志绘画的开始（调用moveTo 移动画笔）在document 上绑定mousemove 事件来处理绘画时的行为（调用lineTo 以及stroke 进行绘画）在document 上绑定mouseup 事件以标志绘画的结束（解绑document 上的两个事件）发布于 2011-07-16 分类：html 用HTML5实现一个时钟图片指针用ctx的drawImage可以实现HTML5足够强大实现很多功能，画一个时钟只是一个小玩意。图片指针用ctx的drawImage可以实现。至于兼容性问题，网上的解决方案已经很多了。这个东东是用来玩的，不是用来做应用的，学习下canvas API。发布于 2011-07-06 分类：html 你了解HTML标签原本的意义吗把HTML标签用到该用的地方去“DIV+CSS”这个词汇不知道害了多少人，也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是DIV+CSS文件的组合。这样做，对于视觉上并没有什么影响，因为还原了之前设计的页面效果图，但如果这种HTML文档交给机器（例如蜘蛛）去分析，它可能根本找不到重点，你整个页面对它来说，就如同一个白蚁窝。发布于 2011-06-18 分类：html 一个好玩的HTML5塔防小游戏强大的HTML5游戏例子先说明，如果你的浏览器不支持HTML5，那么就无法看到这个游戏。所以请使用Firefox、Chrome等浏览器看本页。该游戏支持ff,chrome,ie9,safari。ie6,7,8就不支持了，你懂，其余的没测试过，理论上支持html5的浏览器都能用。每种塔都可以升级到3级，升级的价格与本身建造相同，卖掉的话就是总额的一半。发布于 2011-06-17 分类：html 干净且富有语义的HTML是多么优雅使用富有语义的标签来编写干净的html代码如果你是一个使用div标签做任何事的家伙，那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板，那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码，不仅对你自己有益，而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间。发布于 2011-05-23 分类：html 不应忽视的一些HTML优化技巧HTML是真正的展示前端随着Web2.0技术的不断发展，Web前端的优化受到越来越多的关注，特别是JavaScript和CSS优化的讨论一直是热点，工具也相对丰富，而对HTML优化则有所忽视，最近，来自百度泛用户体验团队的工程师Miller（chenminliang）撰文强调了HTML优化的重要性和相关技巧。发布于 2011-02-21 分类：html HTML canvas五星红旗绘制学习canvas的一个小实例作为HTML5标准的一部分，Canvas元素允许脚本动态渲染点阵图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 javascript 以使脚本能够把想绘制的东西都绘制到一块画布上。HTML 5 canvas 提供了通过 JavaScript 绘制图形的方法，此方法使用简单但功能强大。发布于 2011-02-07 分类：html HTML图片热区map area的用法在图片的特定区域添加热区与链接area标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。shape和coords：是两个主要的参数，用于设定热点的形状和大小。coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。发布于 2011-01-04 分类：html JPG图片上传在IE下的问题ie会把 jpg、jpeg翻译成image/pjpeg前一段时间做了一个图片上传的小程序，今天有人说jpg图片上传不了。我在本地Chrome、Firefox测了下，发现没有问题，上传正常。我问他用什么浏览器，原来是世界之窗、还有360.我囧。我想，是不是IE的问题？于是我在IE下测了，果然不行。传图片时，ie会把 jpg、jpeg翻译成image/pjpeg，png翻译成image/x-png 。发布于 2010-12-31 分类：html HTML5 canvas实现流体力学这个世界牛人实在太多了某人用Java搞了一个流体力学的演示：/MPM/Liquid.html。 HTML 5版的流体力学演示（推荐使用Chrome浏览器浏览）不过，这仅仅是个开始。某同学将其发布上了，于是，全世界的同学们开始给力了。发布于 2010-12-25 分类：html 可移动的div层设计看看常见的可拖动层是如何实现的可拖动的层在Web设计中用处很多，比如在某些需要自定义风格布局的应用中，控件就需要拖动操作，下面介绍一个，希望可以满足你的需求，顺便学习一下可拖动的层是如何实现的。下面是效果演示：发布于 2010-12-19 分类：html IE下textarea清空回车换行textarea这个标签太麻烦了在textarea中回车，会产生转义字符rn，有些时候我们不需要这两个转移字符，也就是清空textarea。下面的方法并不是清空，但是能够起到差不多的效果。如果在textarea中按回车，内容提交之后，在textarea中会留下rn这两个转义字符，光标会在第二行。发布于 2010-09-19 分类：html 深入解析form标签常用的form标签你真的了解吗？在Javascript中，页面上的每一对form标记都解析为一个对象，即form对象。可以通过document.forms获取以源顺序排列的文档中所有form对象的集合。每一个表单元素的文字描述都应该使用label标记。该标记用于将文字绑定到对应的表单元素上，它的for属性指定它所要绑定的表单元素id值。发布于 2010-08-16 分类：html 使用DOM动态操作表格深入了解你认为很简单的表格summary 属性：用于概括整个表格的内容。它对于搜索引擎的机器人记录信息十分重要。bordercolor 属性：用来设置表格边框的颜色。但它在不同的浏览器下显示的效果不一致。（不推荐使用bordercolor 属性，而推荐使用CSS 样式表的border 属性来进行设置）。发布于 2010-08-13 分类：html 介绍一些 HTML5 语义标签语义标签是HTML5的一大改进HTML5 规范包括一系