Something About Facebook CANVAS

2016-04-21 Jason Liao
Facebook CANVAS CANVAS 是 Facebook 推出的一款产品，可以让企业和商家自己定制一些场景，用来讲述自己的故事(其实就是广告)，并且可以在 Facebook 上传播。 继续阅读 »

HTML5实现视频的分离显示

2014-11-27 林长宇
html5 canvas js video
HTML5中的canvas可以实现很多图像、多媒体方面的功能，比如把视频的内容二次处理后在canvas上显示。 强大的drawImage var video = document.querySelector('video'); var canvas1 = document.querySelector('#canvas1'); var ctx1 = canvas1.getContext('2d'); ctx1.drawImage(video, 0,0, 320, 180, 0,0, 320, 180); 继续阅读 »

重学 Canvas

2016-03-05 AnnatarHe
life
Why 我一直觉得自己DOM和服务端的js学的还行。然后就天真的以为自己的js很好了。哈哈，天真啊。 一直没有太在意Canvas，现在倒成了自己的一块痛点。 在百度前端技术学院看了之前的问题，终于发现自己图形处理上还有很多的东西要做。 继续阅读 »

高性能移动HTML5应用开发框架Collie

2014-11-25 林长宇
js canvas DOM HTML5 game
Sangmin is a Senior JavaScript developer working at NHN and the creator of the JavaScript animation library Collie. I use collie framework to developed some HTML5 game. 继续阅读 »

D3.js（入门篇）

2016-10-24 Bruce Wang
D3 JavaScript
简介 D3.js（后面简称D3，官方首页https://d3js.org/）是基于JavaScript开发的一套用于数据可视化工具，项目开源在GitHub，项目排名靠前。它提供了很多API，如DOM（Document Object Model）的一些操作，绘制图形等。截止本文发表时间，D3已更新到v4，v4在v3的基础上，有了很大的改变（因为v3只支持通过svg和dom构图，所以v4在v3的基础上增加了对Canvas的支持以及API的修改）,本文使用的版本为v3的API。 Hello World html D3.js Hello World 继续阅读 »

Android 硬件加速总结

2014-08-07 党洁
不支持硬件加速的记录 不被硬件加速所支持的绘图操作 在硬件加速的时候，2D渲染管道支持大多数的通常用于Canvas的绘图操作，以及一些很少使用的操作。被用于渲染应用程序的所有的绘图操作都有发送给 Android系统，默认的Widget和布局，以及一些常用的可视效果，如反射和瓷砖的纹理效果都是被支持的。以下列出了已知的不支持硬件加速的操作： 继续阅读 »

在 Web 开发中生成几何图形的几种方式

2015-07-22 W.Y.
CSS Shapes
当我们在进行 Web 开发时，很多时候都是在有意或无意地创建一些矩形，深究一下，到底有多少中方式来得到一个几何图形呢？本文将简单介绍几种生成圆形、三角形和多边形的方式，并分析每种方式的优缺点。 下面是可能使用到的方式： border-radius border rotating shapes with transform pseudo elements box-shadow wrapping text into shapes with shape-outside clip-path on an element SVG assets canvas more border-radius 使用 border-radius 样式属性是 继续阅读 »