canvas

HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过, 元素本身并没有绘制能力(它仅仅是图形的容器) – 您必须使用脚本来完成实际的绘图任务。

导语:之前写过几篇关于Canvas实现圆环动画的文章,例如这篇:canvas绘制旋转的圆环百分比进度条和使用HTML5 Canvas arc()绘制圆形/圆环,实现方法是通过循环绘制圆环(圆饼)等来实现,今天来看看这篇:基于canvas实现 ...

阅读全文

编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是Canvas,还有css3和javascript.通过合理的选择,来实现最优的实现。 PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播 ...

阅读全文

HTML5 canvas动画经典案例和下载

HTML5真的是一个相当出色的Web技术,它不仅可以让你更加方便地操纵页面元素,而且可以通过canvas实现更多的动画特效,引进HTML5标准后,CSS3也就可以发挥更大的作用。本文主要介绍了一些基于HTML5 Canvas的动画特效,分享给大家,希望大家喜欢。

阅读全文

在我们放手用HTML5开发的时候,新特性支持度检测就是必不可少的了。一种方式是用navigator.userAgent或navigator.appName来检测浏览器类型和版本,不过这种方式不是很可靠,另一种靠特征检测(figure detection)或者说能力检测。

阅读全文

Canvas代码也是有一些优化技巧的,我之前的几篇canvas的文章单纯涉及如何做使用canvas,下面看看别人是怎么说优化canvas性能的。 一:使用缓存技术实现预绘制,减少重复绘制Canvs内容 很多时候我们在Canvas上绘制与更新 ...

阅读全文

jquery圆环进度条插件

在网络搜到的一个jquery圆环进度条插件,是使用Canvas写的,支持纯色、渐变颜色、支持文字逐渐变化、支持定义起始角等一切跟之前我写过的HTML5 Canvas绘制矩形和圆形(圆弧)和canvas绘制旋转的圆环百分比进度条等一切圆弧的属 ...

阅读全文

canvas绘制实心三角形和空心三角形

从上几篇文章中,我们学习到了Canvas可以绘制一些图形,本节课将讲一下绘制实心、空心、直角、等边等渐变的三角形。实心和空心的区别在于最后是使用fill()填充还是使用stroke()来绘制路径。

阅读全文

HTML5 Canvas属性和方法

通过HTML5 Canvas标签,结合JavaScript API来绘制比较常见的图片,如三角形、矩形、线、圆形或圆环等形状,本文将分享canvas中给出的JavaScript属性和方法,了解这些API,能够助你快速上手canvas的绘制。

阅读全文