HTML5-JS
文章平均质量分 77
大宅小涛
这个作者很懒,什么都没留下…
展开
-
HTML5做个画图板
首先要说明的是这里不是用鼠标画画,而是在触摸设备上用手指,比如ipad。 做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应。 onTouchStart 触摸开始 onTouchMove 触摸滑动 onTouchEnd 触摸结束 有了这些事件,我转载 2015-04-10 14:31:25 · 1268 阅读 · 0 评论 -
提高HTML5 canvas性能的几种方法(转)
简介 HTML5 canvas 最初起源于苹果(Apple)的一项实验,现在已经成为了web中受到广泛支持的2D快速模式绘图(2D immediate mode graphic)的标准。许多开发者现在利用它来实现众多的多媒体项目、可视化醒目以及游戏等等。然而,随着我们构建的应用程序的复杂度的增加,我们难免会遇到所谓的性能问题。 已经存在众多优化canvas性能的方法了,但是还没有一转载 2015-04-07 15:50:00 · 1526 阅读 · 0 评论 -
一个不错的HTML5 Canvas多层点击事件监听实例
CanvasRenderingContext2D.prototype.roundRect = function(x, y, width, height, radius, fill, stroke) { if (typeof stroke == "undefined") { stroke = true; } if (typeof radius === "undefined") { rad转载 2015-04-07 17:57:26 · 3881 阅读 · 0 评论 -
Html5 Canvas画线有毛边解决方法
Html5 Canvas 所有的画线指令画出来的线条都有毛边(比如 lineTo, arcTo,strokeRect),这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝,那么当按这样的坐标进行线条渲染时所要用到的就是夹缝两边的象素点,这样即便设置了lineWidth为1也将看到两个象素效果的线条,解决方法原象素点+0.5进行偏移。 下面是处理前后的效果比较:转载 2015-04-08 14:35:59 · 9593 阅读 · 0 评论