- 博客(3)
- 资源 (8)
- 收藏
- 关注
原创 html5 离屏canvas 的应用
离屏canvas在大多数的情况下是应用到html5 游戏中,但是最近接触到的一个项目是运用到绘制大量的图形上。 譬如有以下的需求,在一个固定的背景图上面绘制一个动态的时间。拿到这个需求,大部分搞过html5 开发的坑定知道具体的步骤怎么做,下面我简单说一下: 1、先绘制背景。 2、将时间格式化绘制到背景上面。 3、清除canvas ,重复第一和第二步。 js文件如下: $(docume
2015-07-27 15:20:25 6909 1
原创 html5 绘制椭圆
最近的项目要使用html5 绘制椭圆,参考网上的例子发现可以使用贝塞尔曲线绘制,不过要绘制四条贝塞尔曲线。 在html5的过程中发现可以使用绘制圆形的方式来绘制椭圆 html5中绘制圆的函数如下: arc(x,y,r,start,end,clockwise);具体函数的含义请自行查看, 实现的具体代码如下: /** * * @param x 中心 x坐标 * @param y 中心
2015-07-22 14:51:31 3885
原创 html5 绘制类似墙型的背景
最近开发的项目中要使用html5绘制各种虚线包括贝塞尔虚线、圆形虚线、各种虚线段,还包括各种形式的背景墙,截图如下: 从这张图片中可以看出有很多种形式的虚线和背景墙,下面主要介绍一下墙型背景,如下如:
2015-07-16 10:08:44 1155
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人