在web页面上，想要画出一个圆形，方法有很多，SVG、canvas都可以绘图。但是本文不采用这两种方式，而是使用一个div。div一般是一个矩形，但是如果设置一个圆角样式border-radius就可以将div变成圆形。用jQuery实现这样一个交互：用鼠标在画布上按下左键拖动的方式来绘制圆，圆心是鼠标按下的位置，鼠标左键松开圆绘制完成。...
分类：
Web程序 时间：
2014-05-14 01:01:17
阅读次数：
364
下面是本人收集的19款超酷HTML5动画和实用案例，觉得不错，分享给大家。1、HTML5
Canvas火焰喷射动画效果还记得以前分享过的一款HTML5烟花动画HTML5
Canvas烟花特效，今天我们要来分享一款类似的HTML5动画效果，一款基于HTML5 Canvas火焰喷射动画。用鼠标拖动一条直...
分类：
Web程序 时间：
2014-05-12 01:29:29
阅读次数：
414
想编写安卓游戏，java太难，来试试App Inventor，虽然有人认为他是中学生的玩具，但是也能编写2048这样的火爆游戏，不需要太复杂的算法。
整个游戏有几个模块：
一、游戏初始化
数列转化为图形，使用了canvas和精灵，相对应list，这里注意精灵位置是固定的，只是更改图片，多少分，就对于n.jpg，0分是底色图片。左右移动，使用了flung判断，绝对值判断，水平速度和垂直...
分类：
移动开发 时间：
2014-05-11 20:05:17
阅读次数：
595
今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转，首先，在这个太阳系里分为画轨道和画星球两个部分，对
于每一个星球我们要知道它的颜色和公转周期，如下图。
采用面向对象编程的思想，代码如下：
你的浏览器不支持canvas标签！
//设置2d绘图环境...
分类：
Web程序 时间：
2014-05-10 09:32:09
阅读次数：
640
html5
canvas+js实现ps钢笔抠图1.项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。
做的过程中走了不少弯路，最终一同事找到了canvans以比较核心的属性globalCompositeOperation = "dest....
分类：
Web程序 时间：
2014-05-10 07:02:57
阅读次数：
997
写了那一年多代码都没有认认真真写过自定义控件，最近看到网易新闻里面的加载图标如图感觉很有意思，就准备自己写个玩玩。在api里面脑补了一些canvas的姿势，就上了，效果如下。说实话真心不难，自定义控件比起平时做的应用多了几分自由和创作的快感，可能我应该去做游戏，代码如下，注释已经写的很白痴了：[ja...
分类：
其他好文 时间：
2014-05-10 06:00:07
阅读次数：
328
在请求facebook授权时，返回如下错误：所提供的网址不被应用程序配置所接纳。：应用程序的设置不允许一个或多个所提供的链接。它必须与网站的URL或Canvas的URL相符，或该域必须是应用程序的一个域的子域。解决：Facebook应用控制面板中“设置>高级”有“
Valid OAuth redir...
分类：
其他好文 时间：
2014-05-09 10:35:11
阅读次数：
450
前面写了个View画圆弧，为了让他和底层图片效果融合，采用先把圆弧画到和图片一样大小的画布上，然后用canvas的变换位图方法映射过去。
bitmapWithReflection = Bitmap.createBitmap(swidth, sheight, Config.ARGB_88...
分类：
其他好文 时间：
2014-05-08 19:22:16
阅读次数：
293
定义和用法
标签定义图形，比如图表和其他图像。
标签只是图形容器，您必须使用脚本来绘制图形。
实例
如何通过 canvas 元素来显示一个红色的矩形：
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
c...
分类：
Web程序 时间：
2014-05-08 16:10:45
阅读次数：
315
当用flex实现图片旋转的时候，遇到了这样的问题：截图之后，图片还是会继续旋转，应该是canvas这个还有旋转的角度，所以看到效果跟你截图保存下来的效果不一样。函数：
角度转换为弧度，这里面涉及到了数学的一些知识。π/2是 90度的意思// 角度转换为弧度， 传递的值 degrees是角度值pr.....
分类：
其他好文 时间：
2014-05-08 06:38:38
阅读次数：
457
