首页 > HTML5和AS3 > HTML5 Canvas 的初试

HTML5 Canvas 的初试

2010年04月28号
查看评论 发表评论 1,647次浏览

HTML5 真的很强大，目前大多数的浏览器都支持了，就差IE了，前两个星期开始了解Canvas，真的很好很强大，HTML5在WEB开发方面真的是越来越快速了和方便了。
Html代码 复制代码

  1. <html>
  2. <head>
  3. <script type=“application/x-javascript”>
  4. function draw() {
  5. var canvas = document.getElementById(“canvas”);
  6. if (canvas.getContext) {
  7. var ctx = canvas.getContext(“2d”);
  9. ctx.fillStyle = “rgb(200,0,0)”;
  10. ctx.fillRect (10, 10, 55, 50);
  12. ctx.fillStyle = “rgba(0, 0, 200, 0.5)”;
  13. ctx.fillRect (30, 30, 55, 50);
  14. }
  15. }
  16. </script>
  17. </head>
  18. <body onload=“draw();”>
  19. <canvas id=“canvas” width=“150″ height=“150″></canvas>
  20. </body>
  21. </html>

效果图如下：

简单的几行代码就可以实现在界面画两个矩形，还支持透明。

类别HTML5和AS3 标签
  1. 济南网站优化
    发表于 2010年04月29号 10时05分09秒 | 1楼
    引用

    好热了天气，呵呵51要放假了，不知道怎么样呢？

  2. taobao正品
    发表于 2010年05月01号 19时06分01秒 | 2楼
    引用

    这个写的不错~

  3. 购物返现
    发表于 2010年05月02号 18时59分17秒 | 3楼
    引用

    呵呵，五一放假了。终于可以休息休息了，有空也去我的网站逛逛哦~

  4. 水暖器材批发
    发表于 2010年05月02号 20时41分10秒 | 4楼
    引用

    有没有GPS的啊?

  5. 收缩机
    发表于 2010年05月05号 09时51分30秒 | 5楼
    引用

    济南天气好热啊，闷死了….

  6. 青岛网站优化
    发表于 2010年05月06号 11时11分33秒 | 6楼
    引用

    博主写的非常好，受教了！

  7. what does my name mean
    发表于 2010年05月06号 18时53分43秒 | 7楼
    引用

    hi wats your myspace page

  8. 太门户
    发表于 2010年05月07号 12时29分12秒 | 8楼
    引用

    确实很无奈啊，还是有很多地方没网络啊。

  9. 灌装机
    发表于 2010年05月10号 17时07分50秒 | 9楼
    引用

    来过，踩过，不容错过！
    o(∩_∩)o

  10. 太门户
    发表于 2010年05月10号 19时12分56秒 | 10楼
    引用

    好的 我进去转转吧~

  11. 网站优化
    发表于 2010年05月11号 17时28分26秒 | 11楼
    引用

    哈哈，内容经典，拜读了，小站来过了，有空博主记得回访哦。

  12. 代写代发论文
    发表于 2010年05月11号 19时15分20秒 | 12楼
    引用

    支持喽！博客不错！

  13. 济南网站优化
    发表于 2010年05月11号 19时41分51秒 | 13楼
    引用

    哈哈，轰隆隆小站来访了，欢迎贵博主回访，也看看小站。

  14. 济南SEO
    发表于 2010年05月11号 22时16分23秒 | 14楼
    引用

    liusublog来过了，呵呵，欣赏一下贵博客，多多交流哈。

  15. 收缩机
    发表于 2010年05月12号 15时46分37秒 | 15楼
    引用

    写的文章有很多实用的，呵呵，不错，收藏了，希望博主多分享点东西，哈哈。

评论页数:
1 2 3 4 333
你必需 登陆 才能发表评论.