CSS3 滤镜及 Canvas、SVG 和 IE 滤镜替代方案详解
IE 特有的滤镜常常作为 CSS3 各种新特性的降级处理补充,而 Adobe 转向 HTML5 后与 Chrome 合作推出 CSS3 的 Filter 特性,因此当前仅 Webkit 内核的…
OpenCharts 基于 Canvas 技术面向对象 Web 图表
OpenCharts 是基于 HTML Canvas 技术的采用面向对象的 Web 图表,通过 OpenCharts,你可以方便的制作一系列漂亮的 Web 图表。现在我们支持8种类型的图…
CanvasQuery 基于 Canvas 画布和 jQuery 的游戏开发库
Canvas Query 是一个封装了 HTML5 Canvas 元素的 jQuery 插件,增加了很多常用的Canvas图像操作方法,特别适合游戏开发者,创建优秀的 Web 游戏。 简…
Pixi.js 超快 HTML5 的 2D webGL Canvas 游戏动画渲染引擎
Pixi.js 是一款超快的开源 HTML5 2D 渲染引擎,使用带有 Canvas 回调功能的 WebGL。作为 JavaScript 的 2D 渲染器,Pixi 的目标是,可以提供一个快速…
Barcode.js 功能强大的条码生成 jQuery 插件
Barcode.js 是一个基于 jQuery 库的插件,用于绘制条形码或者二维码,能够生成基于 DIV+CSS 或者 Canvas 等的条码,该插件支持 PHP、jQuery 和 JavaSc…
Particles.js 基于 Canvas 画布创建粒子原子颗粒效果
Particles.js 是一款基于 HTML5 Canvas 画布的轻量级粒子动画插件,可以设置粒子的形状、旋转、分布、颜色等属性,还可以动态添加粒子,效果非常炫酷…
BitmapData.js 基于 Canvas 强大的位图特效处理插件
BitmapData.js 是一个 JavaScript 插件,使用 HTML5 中新加入的 Canvas API 实现类似 ActionScript 3 中的 BitmapData 类,可以对位图制作很多好看的…
Heatmap.js 强大的 HTML5 画布 WEB 网页在线热点图插件
Heatmap.js 可以用来生成基于用户自定义数据上的 Web 热点图,使用内嵌的 HTML5 Canvas 画布元素,heatmap.js 可以使用 Canvas 画出来一张漂亮的 heat…
HTML5 网页中 SVG 和 Canvas 以及 IMG 图片的转换方法
网页中显示的图片或者是图形,一般就只有几种,对于静态的内容,大多会选择 jpg、png、gif 的图片,这些图片称之为位图,放大以后会出现锯齿,也是不…
测试浏览器是否支持 Canvas 画布的方法
在获取 HTML 页面上 Canvas 元素的引用后,我们需要测试一下该元素是否包含 getContext()。Canvas 的 getContext 指的是由浏览器定义的用于绘画的平面…
在 HTML5 画布 Canvas 上绘图
Canvas 画布是一个绘图界面,用于呈现和动态显示图形元素,如矩形区域和位图图像。这些元素的操作使用脚本语言(通常是 JavaScript)完成。 在 HTML …
CSS3 背景线性渐变 Linear Gradients 介绍
CSS3 线性渐变是 CSS3 中最简单的一种应用,可以免去我们频繁的去修改背景图,可以无限拉大背景的区域,而不用去考虑背景图是否清晰,因为是程序自动…
Paper.js 开源的矢量图形 JS 脚本动画插件
Paper.js 是一个开源的矢量图形脚本框架,运行于 HTML5 Canvas(画布)之上。它提供了一个整洁的场景图(Scene Graph)或文档对象模型来创建矢量图形…
帆布指纹识别 Canvas Fingerprinting
广告联盟或网站运营者都希望能够精准定位并标识每一个个体,通过对用户行为的分析: 浏览了哪些页面? 搜索了哪些关键字? 对什么感兴趣? 点了哪些按…