canvas 相关技术文章(3)_H5之家 - 中国HTML5教程资源分享第一站

这几天在刚申请的阿里云服务器上部署canvas项目时出现了些问题，本人对部署不是很熟悉，所以出现些问题弄了好久都不知道如何下手，上来求高手指点指点。部署是按照github上的说明来做的https://github.com/instructure/canvas-lms/wiki/Production-Start 在到 [代码片段] 这一步时候出现了点问题，在到输入email时 [代码片段] 报着上 …阅读全文

Resize an Image Using Canvas, Drag and Drop and th

Dr. Tom Trenka 2013-08-06

It’s a massive honor to have Tom “Trenkavision” Trenka write a guest post for this blog. Tom was one of the original contributors of the Dojo Toolkit and my mentor at SitePen. I …阅读全文

36个炫丽的html5 canvas展示

cc 2013-08-03

36个炫丽的html5 canvas展示

html5最新的canvas技术，提供通过JavaScript绘制图形的API，它是基于画布（canvas）的2d来实现绘画的，以往只有flash能够实现的效果，在下面的这些示例中，你将会看到炫丽的canvas展示动画，甚至超越它达到另外一个高度。今天特地为大家收集来36个各种网站上面的，不同效果的html5 canvas应用程序。让大家对学习html5增加一份新的动力。 1、 …阅读全文

9 More Mind-Blowing WebGLDemos

David Walsh 2013-07-30

svg canvas

9 More Mind-Blowing WebGLDemos

With Firefox OS, asm.js, and the push for browser performance improvements, canvas and WebGL technologies are opening a world of possibilities. I featured 9 Mind-Blowing Canvas Demos and then took it …阅读全文

canvas是h5体系集中的一种基于像素操作的图形技术，svg同样也是h5中一部分，只是svg基于矢量形状，两者有各种的优势。以下数据来自微软童鞋的测试，传送门： (v=vs.85).aspx： [代码片段] 关于对canvas进行频繁操作，性能真的就会比svg好吗？关键是操作姿势与场景，在没 …阅读全文

html5 canvas图像转换成数组 html5的canvas可以进行图片处理，图片是由像素组成的。我们知道canvas有方法getImageData，返回的对象中可以取出，image的data 数组（类似数组的Type Array类型数组，Uint8ClampedArray）。假设canvas宽高是500*400，那么应该有200000个像素点，而通过getImageData().dat …阅读全文