HTML5 Canvas

使用canvas实现简单的贪吃蛇游戏，html+css+js

一.话不多，先瞅效果：又在别的地方嫖到了这个效果研究了亿下下，制作过程如下（超详细）：二.实现过程（源码在最后）：1.定义canvas标签：<canvasid="canvas"></canvas>2.基本css样式：#canvas{...

用html5的canvas和JavaScript创建一个绘图程序

本文将引导你使用canvas和JavaScript创建一个简单的绘图程序。首先准备容器Canvas元素，接下来所有的事情都会在JavaScript里面。1<canvasid="canvasInAPerfectWorld"width="490"height="220"></c...

基于HTML5的Canvas指纹跟踪技术

时至今日有许多的方式来跟踪访客，例如使用存在用户端的cookie技术，这种技术现已被大部分公司遗弃，如今出现了一种新的方法替代cookie可以来跟踪用户。在这两年中，许多网站和跟踪软件都开始利用HTML5canvas指纹。PS：Canvas是HTML5中动态绘图的标签。每个浏览器生成不一样的图案从...

性能强悍、简洁轻量的 HTML5 Canvas 2D 图形 UI 绘图框架

最近想做一个轻巧的在线画册和海报设计工具，最近发布的LeaferUI特别适合这样的场景。LeaferUI是什么？LeaferUI是基于LeaferJS开发的一套绚丽多彩的UI绘图框架，帮助开发者快速生成图形界面。LeaferJS是一个基于HTML5Canvas开发的2D...

HTML5 Canvas坐标变换

我们在使用Canvas绘制图形时，可能会想对绘制的图形进行变换，例如让图形旋转90度，或者让图像缩小放大等，这些效果都可以通过CanvasAPI的坐标轴变换处理功能来实现。图形旋转如果我们要想将图形进行旋转，例如下面这张图片：可以通过rotate()方法来实现这个效果，rotate()...

一款强悍的 HTML5 Canvas 2D 图形渲染引擎:Leafer JS!

经过3年多开发的LeaferJS开源引擎终于打磨成熟，迎来了正式版的发布！号称只用1.5s可以渲染100万个矩形，并且还是国产的。LeaferJS是一款开源的HTML5Canvas2D图形渲染引擎，它以其强大的性能和丰富的功能在图形处理领域脱颖而出，具备瞬间创建数百万个图形的超强能...

HTML5(五)——Canvas API

什么是CanvasAPI?CanvasAPI（画布）提供了一个通过javascript和html的canvas元素来在网页上实时绘制图形的方式。可用于动画、游戏、图标、图片编辑等多个方面。使用前，首先需要新建在网页上新建canvas元素。<canvasid="m...

HTML5(六)——Canvas 高级操作

上一篇文章《HTML5(五)——CanvasAPI》介绍canvas绘制基本图形，这节开始介绍canvas的高级操作。一、canvas转换canvas转换常用的几种方法介绍，如下：方法描述scale()缩放当前绘图至更大或更小。rotate()旋转当前绘图。translate()重新映射画...