2016-04-21 Jason Liao
Facebook CANVAS CANVAS 是 Facebook 推出的一款产品,可以让企业和商家自己定制一些场景,用来讲述自己的故事(其实就是广告),并且可以在 Facebook 上传播。 继续阅读 »
2016-03-05 AnnatarHe
Why 我一直觉得自己DOM和服务端的js学的还行。然后就天真的以为自己的js很好了。哈哈,天真啊。 一直没有太在意Canvas,现在倒成了自己的一块痛点。 在百度前端技术学院看了之前的问题,终于发现自己图形处理上还有很多的东西要做。 继续阅读 »
2014-11-27 林长宇
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); 继续阅读 »
2014-11-25 林长宇
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. 继续阅读 »
2016-10-24 Bruce Wang
简介 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 继续阅读 »
2014-08-07 党洁
不支持硬件加速的记录 不被硬件加速所支持的绘图操作 在硬件加速的时候,2D渲染管道支持大多数的通常用于Canvas的绘图操作,以及一些很少使用的操作。被用于渲染应用程序的所有的绘图操作都有发送给 Android系统,默认的Widget和布局,以及一些常用的可视效果,如反射和瓷砖的纹理效果都是被支持的。以下列出了已知的不支持硬件加速的操作: 继续阅读 »
2015-07-22 W.Y.
当我们在进行 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 样式属性是 继续阅读 »