相关 [canvas 指纹 跟踪] 推荐：

如何屏蔽Canvas指纹跟踪 - - Solidot

研究人员发现，有许多流行网站正在使用一种难以被屏蔽的在线跟踪技术： AddThis  Canvas指纹跟踪. 这项跟踪技术是基于一个事实：相同的HTML5 Canvas元素在不同的浏览器上产生出独特的可作为指纹使用的像素——因为浏览器可能使用了不同的图像处理引擎、输出选项和压缩水平，操作系统在抗锯齿和子像素渲染上可能使用了不同的算法和设置. 感兴趣的用户可以访问browserleaks.com测试浏览器是否支持 Canvas，是否容易受到Canvas指纹的跟踪. Canvas指纹跟踪并不难屏蔽，Tor项目早在2012年就在Tor Browser Bundle中实现了Canvas指纹屏蔽器，电子前哨基金会称，它最近更新了Privacy Badger扩展，将能屏蔽AddThis 跟踪器和其它基于社交媒体的跟踪器.

html5 canvas入门 - - Marshal's Blog

可以把canvas看做div，不过，它的长和宽不能通过css来定义，要使用标签属性：. 或者javascript对象属性设置：. 使用canvas，只有一种操作方式，使用javascript. 获得canvas对象的上下文对象，该对象是操作canvas的主要对象：. 使用canvas画最简单的线， 点击运行示例，结果看起来是这样：. context.moveTo(100, 100);//移动到起点. context.lineTo(1024-100, 768-100);//从起点划线到端点. context.lineWidth = 10;//线的宽度.

备份：html5 canvas cheat sheet - - 膘叔

纯备份资料,HTML5的canvas资料.

html5 canvas 图像处理 - - HTML5研究小组

前两天无意中看了下《pro html5 programming》,发现html5竟然也能很好的支持图像处理，在此稍稍交代一下. 与matlab处理图像类似的是，这里也是采用图像矩阵的形式. 下面就介绍一个简单的例子:. >canvas图像处理</. >是时候更换浏览器了<. >点击下载firefox</. context1.drawImage(image,0,0);//绘制原始图像，（0,0）表示图像的左上角位与canvas画布的位置. 1)html5 的canvas调用. var canvas1=document.getElementById('canvas1');//获取canvas元素.

HTML5 Canvas双缓存实例 - - Web前端 - ITeye博客

转自：?id=255. 下面是用HTML5的<canvas>标签写的一个视差滚动动画的示例. 采用了制作动画或者游戏编程中常用的双缓冲技术：获取到页面中的Canvas对象之后，创建了一个与页面Canvas同样大小的Canvas对象. 绘图时先将图像绘制到缓冲Canvas中，等到每一桢的图像绘制完全后在把整个缓冲Canvas绘制到页面Canvas中. 前景、中景、远景的视差通过控制移动速度来实现. 整个动画的绘制部分只使用了Context对象的drawImage()方法. contextBuffer.drawImage(image, left, 0, d0, HEIGHT, dx, dy, d0, HEIGHT);.

HTML5 Canvas: 测试浏览器是否支持Canvas - - CSDN博客Web前端推荐文章

本文翻译自Steve Fulton & Jeff Fulton. 在获取HTML页面上Canvas元素的引用后，我们需要测试一下该元素是否包含“上下文”(context). Canvas的上下文指的是由浏览器定义的用于绘画的平面. 简单地说，如果上下文不存在的话，Canvas也就名存实亡了. 测试浏览器是否支持Canvas有好几种方法. 第一种方法是检查HTML页面中Canvas元素的getContext方法是否存在：. 事实上，上述代码测试了两点：其一，测试了theCanvas是否为false（如果id不存在的话，document.getElementById()会返回false）；其二，测试了getContext()函数是否存在.

- iVane - 为之漫笔

原文作者：Matthew Casperson 编辑：Michele McDonough. 原文链接: Game Development with JavaScript and the Canvas element. 3、通过Canvas元素实现高级图像操作. 4、通过Canvas实现视差滚动. 8、JavaScript键盘输入. Canvas元素以及JavaScript引擎中新增的一些特性，让Web开发人员不必借助第三方插件，即可设计开发出精细且具有交互性的2D网页. 这篇文章就向大家介绍一下Canvas元素，以及它的一些可能的用途. JavaScript与Canvas元素. HTML是为创建静态页面而生的.

HTML5 Canvas开发框架：CasualJS Framework - Jimmy - ITeye论坛最新讨论

CasualJS Framework是根据ActionScript3?.0的架构开发的一套适用于HTML5 Canvas的面向对象的开发框架. 虽然Canvas提供了强大的绘图功能，但满足不了高级开发的需要. 利用CasualJS的显示对象架构及渲染机制，你可以轻松的在Canvas中操控各种位图、图形、影片剪辑等显示对象. * DisplayObject (显示对象). * MovieClip (影片剪辑及帧动画). * Graphics (绘制图形). * Button (按钮). * Runner (画面超炫的塔防游戏). * Gomoku (五子棋). 在线API文档：

25 超棒的 HTML5 Canvas 游戏 - 迎客松 - LinuxEden开源社区-Linux伊甸园

Canvas 元素作为HTML5标准的一部分，允许你通过脚本动态渲染点阵图像. 这是为了基于浏览器的矢量图形而设计. HTML Canvas 把一个绘图 API 展现给 JS 客户端，使得脚本能够把想绘制的东西都绘制到一块画布上. 阅读全文 | 邮件推荐 | 评论回复.

- weslleywang - 为之漫笔

原文作者：Matthew Casperson 编辑：Michele McDonough. 原文链接: Game Development with JavaScript and the Canvas element. 3、通过Canvas元素实现高级图像操作. 6、通过Canvas实现视差滚动. 8、JavaScript键盘输入. 在知道了如何使用画布元素之后，接下来我教大家写一个框架，有了这个框架，我们就可以把它作为基础来创建游戏. 在这第一部分，我们会介绍前两个文件/类. 编写代码之前，我们先来看一看随后几篇文章将致力于创建的示例Demo. 表面上看起来，这个Demo跟第二篇文章里的那个没啥区别，但如果你看看后台（查看网页源代码）就会发现，为了更方便地创建这个最终效果，一个凝聚不少心血的基础框架已经写好了.