body { width: 100%; height: 100% }
function aurora(){
alert( document.body.clientHeight );
var canvas = document.getElementById( "sky" );...
分类：
其他好文 时间：
2014-07-26 02:07:46
阅读次数：
219
1、问题以及解决办法
最近因为项目需要，需要实现一个位置校对的功能，大致的需求如下：有一个图片，有一些位置信息，但是位置信息可能和实际有些偏差，需要做简单调整，后面会对这张图片进行切割等，做些处理。（位置信息连接起来是一个个小矩形。）
解决以上问题的大致思路如下：使用canvas进行绘制，把图片作为canvas的背景，在canvas上绘制矩形，类似于qq截图一样，矩形框可以使用鼠标拖动调整大小。然后在记下修改后的位置，提供给后面切割图片使用。目前的关键问题就是实现类似qq截图那样可以拖动的矩形。...
分类：
其他好文 时间：
2014-07-26 02:01:56
阅读次数：
444
开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规....
分类：
其他好文 时间：
2014-07-25 19:14:22
阅读次数：
346
这次，我主要向大家介绍一下CSS3下的-webkit-text-stroke属性，并分享几个用该属性制作的镂空文字效果。1、-webkit-text-stroke属性简介CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的...
分类：
Web程序 时间：
2014-07-25 19:05:52
阅读次数：
322
这里说的是在绘图中两者的区别： 1View在绘图中，重写onDraw(Canvas canvas)方法，通过invaldate()和pastInvalidate()两个方法进行重新绘制画布; invalidate()不能再自己创建的线程中循环调用； postInvalidate()...
分类：
其他好文 时间：
2014-07-25 11:38:57
阅读次数：
484
function rain() {
var canvas = document.getElementById( "sky" );
var context = canvas.getContext( "2d" );
var canvas_width = canvas.width;...
分类：
其他好文 时间：
2014-07-24 23:12:13
阅读次数：
235
前几天自己做了个四分之一的圆,放到手机里面测试.效果不是很好.于是今天通过查资料,找到了canvas.自己研究了一天,发现可以使用canvas画圆.代码如下: 1 2 3 4 5 6 7 8 9 10 38 39 效果如图:说明如图所示:
分类：
Web程序 时间：
2014-07-24 22:18:52
阅读次数：
277
HTML5 新增了许多重要的特性，像 video、audio 和 canvas 等等，这些特性使得能够很容易的网页中包含多媒体内容，而不需要任何的插件或者 API。而其它的新元素，例如 section、article、header 和 nav 等则是用来丰富网页内容。另外还有很多强大的 Java.....
标签是 HTML 5 中的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件， 其中就有绘图的方法，js能够调用它来进行绘图，最近在研读《html5与css3权威指南》下面对其中最好玩的canvas的学习做下读书笔记与实 验。温馨提示：以下所有实验请使用最新版的opera,火狐.定义: ....
分类：
Web程序 时间：
2014-07-24 17:21:05
阅读次数：
287
什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、...
分类：
Web程序 时间：
2014-07-24 17:14:56
阅读次数：
566
