- 博客(10)
- 收藏
- 关注
HTML5 Canvas贝塞尔曲线动画
点击这里可以查看动画效果:[url]http://www.108js.com/article/article3/zip1/BezierAnim.html[/url]欢迎访问博主的网站:[url]http://www.108js.com[/url]效果图:[img]http://dl2.iteye.com/upload/attachment/0097/3712/a93baf25-34...
2014-05-22 08:35:02 376
原创 javascript for语句最佳实践
当执行冗长的for语句时,要保持语句块的尽量简洁,例如:糟糕!!for(var i = 0; i < someArray.length; i++) { var container = document.getElementById('container'); container.innerHtml += 'my number: ' + i; cons...
2014-05-22 08:22:04 141
原创 获取鼠标在HTML5 Canvas中的坐标
body { margin: 0px; padding: 0px; } function writeMessage(canvas, message) { var context = canvas.getContext('2d'...
2014-05-21 16:43:50 223
原创 HTML5 Canvas动画模板
创建HTML5的画布动画,我们可以使用requestAnimFrame()方法使浏览器以确定最佳的FPS为我们更新动画。对于每一个动画帧,我们可以更新在画布上的元素,清除画布,重新绘制的画布,然后请求另一个动画帧。下面是一个简单的框架,备用。 body { margin: 0px; padding: 0px; }...
2014-05-21 10:59:00 599
HTML5 Canvas 圆弧动画(绕四周运动)
点击这里可以看到动画效果:[url]http://www.108js.com/article/article7/src/70206/Arcs1.html[/url]欢迎访问博主的网站:[url]http://www.108js.com[/url]效果图:[img]http://dl2.iteye.com/upload/attachment/0097/0986/e57ad2d1-...
2014-05-14 10:44:56 1342
HTML5 Canvas “红心一棵”
效果图:[img]http://dl2.iteye.com/upload/attachment/0096/8812/46f33138-815d-378a-a40f-e8d3a1f9af40.gif[/img]笛卡尔公式:r = a(1-sin弧度)画“红心”。代码: HTML5 Canvas“红心一棵” ...
2014-05-08 10:38:04 315
求推箱子的最小步数(java)
题目(poj1475):推箱子,要求箱子移动步骤最小。如图:T为目标地,B为箱子,S为推箱子的人,要求将B推到T,步骤最少。[img]http://dl2.iteye.com/upload/attachment/0096/7986/b93c4a42-fabe-3be3-a381-7ba018c683fa.jpg[/img][img]http://dl2.iteye.com/upload/a...
2014-05-06 08:32:51 564
HTML5 Canvas旋转文本动画
点这里可以看动画效果:[url]http://www.108js.com/article/article3/zip1/text.html[/url]效果图:[img]http://dl2.iteye.com/upload/attachment/0096/7830/31f71cfc-d490-3b7e-8853-d9e3f133576c.gif[/img]代码:...
2014-05-05 15:49:21 258
HTML5 太极旋转动画
点击这里可以看动画效果:[url]http://www.108js.com/article/article3/zip1/30229/Test2.html[/url]效果图:[img]http://dl2.iteye.com/upload/attachment/0096/7151/b3bbc765-65c3-340c-b6bc-092db5c85c86.gif[/img]代码:...
2014-05-03 16:21:04 220
HTML5 绕四边运动的文字动画
点击这里可以看动画效果:[url]http://www.108js.com/article/article3/zip1/30229/Test.html[/url]效果图:[img]http://dl2.iteye.com/upload/attachment/0096/7143/6617ce15-afff-31a7-8f97-9df3350fde2b.gif[/img]代码:...
2014-05-03 16:07:06 172
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人