标签:Canvas

前端开发

PixiJS – 超快的 HTML5 2D WebGL 渲染引擎

1

前端里 - 小鱼 发布于 3个月前 (03-17)

Pixi.js是一个开源的HTML52D渲染引擎,使用WebGL实现,不支持的浏览器会自动降低到Canvas实现。PixiJS的目标是提供一个快速且轻量级的2D库,并能兼容所有设备。此外,让开发者无需了解WebGL,就可以感受到硬件加速的力量。在线演示     免费下载...

阅读(3290)评论(0)赞 (26)

前端开发

Seen.js – 使用 SVG & Canvas 渲染 3D 场景

1

前端里 - 小鱼 发布于 8个月前 (11-12)

Seen.js渲染3D场景为SVG或者HTML5画布。Seen.js包含对于SVG和HTML5Canvas元素的图形功能的最简单的抽象。所有这个库的其它组件都是不用关心将要渲染的上下文的类型。 官方网站    立即下载...

阅读(3831)评论(0)赞 (54)

前端开发

如何使用 HTML5 Canvas 制作水波纹效果

1

前端里 - 小鱼 发布于 2年前 (2016-01-02)

今天,我们继续分享JavaScript实现的效果例子,这篇文章会介绍使用JavaScript实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的Javascript就可以创建一个很有趣的解决功能。 在线演示    源码下载 S...

阅读(2072)评论(0)赞 (6)

前端开发

React Canvas:高性能渲染 React 组件

1

前端里 - 小鱼 发布于 2年前 (2015-07-12)

ReactCanvas提供了使用Canvas渲染移动WebApp界面的能力,替代传统的DOM渲染,具有更接近NativeApp的使用体验。ReactCanvas提供了一组标准的React组件,由基于的渲染元素抽象而成。(更多…)...

阅读(3289)评论(0)赞 (5)

前端开发

ECharts – 大数据时代必备的数据图表

18

前端里 - 小鱼 发布于 2年前 (2015-03-09)

ECharts 基于Canvas的纯Javascript实现的图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。(更多…)...

阅读(9706)评论(0)赞 (4)

前端开发

HTML5 Canvas 实现的 Loading 效果

1

前端里 - 小鱼 发布于 2年前 (2015-03-03)

Sonic.js是一个很小的 JavaScript 类,用于创建基于 HTML5 画布的加载图像。更强大的是Sonic.js还提供了基于现成的例子的创建工具,可以帮助你实现更多自定义的(Loading)加载动画效果。(更多…)...

阅读(17397)评论(16)赞 (64)

前端开发

Canvas UI – 高性能的移动 UI 框架

4

前端里 - 小鱼 发布于 2年前 (2015-03-02)

 WebView里无法获得的能力虽然是「体验增强」与「端基本能力」,但现都基本上有成熟解决方法。但后期的UI和Layout的性能反而是目前Web技术欠缺的。所以,无论是Titanium与ReactNative都是解决性能作为探索的出发点。性能慢与快的分水岭.慢与快的标准...

阅读(4619)评论(0)赞 (7)

前端开发

使用 HTML5 Canvas 绘制的水滴效果

1

前端里 - 小鱼 发布于 2年前 (2015-01-12)

HTML5在不久前正式成为推荐标准,标志着全新的Web时代已经来临。在众多HTML5特性中,Canvas元素用于在网页上绘制图形,该元素强大之处在于可以直接在HTML上进行图形操作,具有极大的应用价值。(更多…)...

阅读(5353)评论(2)赞 (4)

前端开发

jQuery & Canvas 制作相机快门效果

1

前端里 - 小鱼 发布于 3年前 (2014-12-03)

在今天的教程中,我们将使用HTML5的Canvas元素来创建一个简单的摄影作品集,它显示了一组精选照片与相机快门的效果。此功能会以一个简单的jQuery插件形式使用,你可以很容易地整合到任何网站。(更多…)...

阅读(3733)评论(0)赞 (9)

前端开发

充满想象力的 JavaScript 物理实验

9

前端里 - 小鱼 发布于 3年前 (2014-11-27)

在这个列表中挑选了9个物理和重力实验,用来展示Javascript的强大。几年前,所有这些实验都必须使用Java或Flash才能做。在下面这些惊人的例子中,就个人而言,我比较喜欢仿真布料的那个,我简直不敢相信它是使用JavaScript做出来的。Cloth布料效果的HTML5Ca...

阅读(4592)评论(4)赞 (4)