浏览 4250 次
锁定老帖子 主题:HTML5 Canvas 的初试
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2010-04-19
<html> <head> <script type="application/x-javascript"> function draw() { var canvas = document.getElementById("canvas"); if (canvas.getContext) { var ctx = canvas.getContext("2d"); ctx.fillStyle = "rgb(200,0,0)"; ctx.fillRect (10, 10, 55, 50); ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; ctx.fillRect (30, 30, 55, 50); } } </script> </head> <body onload="draw();"> <canvas id="canvas" width="150" height="150"></canvas> </body> </html> 效果图如下: 简单的几行代码就可以实现在界面画两个矩形,还支持透明;突然就想起弄个Demo来练练手,于是就自己用GWT做了一个简单的画图页面,网站地址是:http://canvasdemo.appspot.com/,有兴趣的朋友可以看看,本来想做多几个功能的,可没什么时间做,所有等以后有时间再慢慢完善。 界面如下图: 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2010-12-06
请问能否提供一下:http://canvasdemo.appspot.com/,这个的,demo的代码,我想学习一下。仅仅是学习
多谢了。 我的邮箱是kb8reebok@sina.com |
|
返回顶楼 | |
发表时间:2010-12-07
html5还是很牛×的,不过的IE配合啊。
|
|
返回顶楼 | |
发表时间:2010-12-19
mydev.cn 写道 html5还是很牛×的,不过的IE配合啊。 IE 就配合的很好, 呵呵. |
|
返回顶楼 | |
发表时间:2011-01-02
moonzhao 写道 请问能否提供一下:http://canvasdemo.appspot.com/,这个的,demo的代码,我想学习一下。仅仅是学习
多谢了。 我的邮箱是kb8reebok@sina.com 呵呵 该demo是我自己用GWT(Google Web ToolKit)封装了js来开发的,其底层也是js,不知对你是否适用,如果你要学习canvas,我可以提供一些学习资料! |
|
返回顶楼 | |