之前曾经研究过几个纯css实现的文字效果,《CSS文字条纹阴影动画》和《响应式奶油立体字效果》等,今天我们来研究几款文字效果,主要利用text-shadow、webkit内核的几个独有特性实现效果。...
分类:
Web程序 时间:
2014-05-10 09:37:06
阅读次数:
591
今天研究的是利用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
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
昨天的《纯CSS3文字效果推荐》文章里面推荐了8款纯css实现的文字效果,其中3d文字效果最为流行,限于篇幅仅仅展示了其3D实现原理,没有考虑代码的复用性和可移植性,立体字的纵深感、方向感、错落感如何实现个性定制,立体字阴影动画,彩虹字动画等等,一一道来。...
分类:
Web程序 时间:
2014-05-06 21:02:38
阅读次数:
562