今天又要为大家带来一款超酷的HTML5 Canvas 3D动画特效，是一款可以旋转的HTML5 Logo标志。画面上一共有两块可旋转的区域，第一是可旋转的背景，第二则是可旋转的Logo标志。Logo标志在旋转的时候还有3D的视觉效果，这一切我们都是在canvas上实现的。具体演示和实现过程可以看下文...
分类：
Web程序 时间：
2014-08-18 10:35:43
阅读次数：
334
【three.js详解之一】入门篇开场白webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的a...
分类：
Web程序 时间：
2014-08-18 10:30:03
阅读次数：
320
学习canvas，为作画。对于一个毫无逻辑思维的人简直遭罪啊~想象坐标坐标坐标啊- - 好啦言归正传，基于本月16号，在春熙路IFS展出120只哆啦a梦，以及canvas的作用，在此介绍一种PS的美化：哆啦a梦的风格的字体。第一步：背景铺垫新建一个600像素×300像素，分辨率为72像素/英寸的文....
分类：
其他好文 时间：
2014-08-17 22:36:03
阅读次数：
232
1.前言在之前的五个章节中，我们在第一章节里介绍了WebGIS的基本框架和技术，第二章节里介绍了什么是瓦片行列号以及计算它的原因，第三章节里介绍了如何通过地理范围计算出这个范围内瓦片的行列号，第四和第五章节里介绍了在得到瓦片行列号后如何获得离线和在线地图的URL，这个章节里，我们将介绍在通过URL得...
分类：
Web程序 时间：
2014-08-17 11:34:32
阅读次数：
204
问题：怎么canvas上的不同的不同绘制图案，反应到终端。setDIBitsToDevice()函数默认是将其中的srcx、srcy中的bitmap当做绘制buffer的。与canvas是无关的。那么怎么将canvas的绘制反应到device呢？canvas = new SkCanvas(*bitm...
分类：
其他好文 时间：
2014-08-16 22:29:31
阅读次数：
385
本例中的大图模式使用图片控件展示，监听控件的鼠标滚轮事件和移动事件，缩略图和鹰眼模式采用装饰器对象IndicatorObject和Canvas布局。百分比使用一个定时器，根据图片的放大倍数计算具体的数值显示。首先看看效果图：以下开始绘制图片 定义缩略图上白色的矩形，这其实是一个Indicator.....
分类：
其他好文 时间：
2014-08-16 20:55:01
阅读次数：
843
Canvas是图形编程中很实用的一个概念。通常有3个基本部分组成：
1.Canvas 提供了绘图方法，可以向底层的位图绘制基本图形。(我觉得这个解释很好，比解释成画布要好的多)
2.Paint 称为画笔或者刷子，Paint可以指定如何将基本图形绘制到位图上。
3.Bitmap 绘图的表面。
Android绘图API支持透明度，渐变填充，圆角矩形和抗锯齿。
1.可以绘制的内容
Canva...
分类：
移动开发 时间：
2014-08-16 18:31:30
阅读次数：
384
只需要用到casvas标签和fillStyle、arc、beginPath、closePath、fill方法代码如下：
分类：
Web程序 时间：
2014-08-16 13:49:30
阅读次数：
236
星球变量名公转周期光色暗色水星Mercury87.70#a69697#5c3e40金星Venus224.701.70#c4bbac#1f1315地球Earth365.2422#78b1e8#050c12火星Mars686.98#cec9b6#76422d木星Jupiter4332.589#c0a48...
分类：
其他好文 时间：
2014-08-16 09:43:20
阅读次数：
299
第6章 精灵精灵（sprite），它是一种可以集成入动画之中的图像对象，赋予它们各种行为，精灵并非Canvas API的一部分，，但都是从它衍生而来本章将会实现三种设计模式：策略模式（精灵与绘制器解耦）、命令模式（精灵的动作）、享元模式（一个实例表示多个精灵）painter属性是一个指向Painte...
分类：
Web程序 时间：
2014-08-16 02:15:09
阅读次数：
267
