今天研究的是利用HTML5的Cnavas画图来模拟太阳系运转,首先,在这个太阳系里分为画轨道和画星球两个部分,对
于每一个星球我们要知道它的颜色和公转周期,如下图。
采用面向对象编程的思想,代码如下:
你的浏览器不支持canvas标签!
//设置2d绘图环境...
分类:
Web程序 时间:
2014-05-10 09:32:09
阅读次数:
640
主要原理是:extends view重载onDrow(),需要一bitmap,重载view,在 canvas上画临时bmp,当按下确定的时候按下
画到real_bmp上,其他的跟前面的基本上没有什么区别。
import com.example.test.R;
import android.app.Activity;
import android.content.Con...
分类:
移动开发 时间:
2014-05-10 09:23:24
阅读次数:
601
写了那一年多代码都没有认认真真写过自定义控件,最近看到网易新闻里面的加载图标如图感觉很有意思,就准备自己写个玩玩。在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
drawArc方法:绘制圆弧【功能说明】该方法用于在画布上绘制圆弧,通过指定圆弧所在的椭圆对象、起始角度、终止角度来实现。该方法是绘制圆弧的主要方法。【基本语法】public
void drawArc (RectF oval, float startAngle, float sweepAngle, ...
分类:
移动开发 时间:
2014-05-08 20:38:41
阅读次数:
1627
前面写了个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
http://blog.chinaunix.net/uid-20771867-id-3053339.html
分类:
移动开发 时间:
2014-05-07 19:15:43
阅读次数:
369
最近在研究canvas技术,发现一个问题,就是所画图像会随着画布大小自动变换大小。原因如下使用了style属性 或者在页面中引入内嵌样式后来才发现canvas
元素只有如下设置宽度和高度才能正确控制图像大小
分类:
Web程序 时间:
2014-05-07 10:20:19
阅读次数:
399