[使用HTML5Canvas实现画图效果.docVIP

使用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搞