首页 > 网站 > WEB开发 > 正文

使ie9以下版本支持canvas,css3等主流html5技术的方法

2024-04-27 14:33:31
字体：大 中 小
来源：转载
供稿：网友
使ie9以下版本支持canvas,CSS3等主流html5技术的方法1.前言。 ie6,7,8支持html5，看起来比较难，其实有一种方法很通用，就是引入js和css,这种可插拔的引入对开发很有帮助。比如,下面是一个让网页支持canvas和css3的例子。2.例子。下面是一个在canvas画布中显示一个红球的例子的html.java代码收藏代码
  1. <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>fewfwe</TITLE>
  5. <head>
  7. <styletype="text/css">
  8. body{
  9. background:#444;
  10. color:#FFF;
  11. font-family:Helvetica,Arial,sans-serif;
  12. text-align:center;
  13. }
  15. #cv{
  16. width:600px;height:400px;
  17. background:#000;
  18. border-radius:20px;
  19. padding:20px;
  20. margin:20pxauto;
  21. box-shadow:0040px#222;
  22. behavior:url(public/ie-css3.htc);
  24. }
  25. </style>
  27. <scripttype="text/Javascript">
  28. functiontest(){
  29. varctx=document.getElementById("cv").getContext("2d");
  31. ctx.fillStyle="#aa0000";
  32. ctx.beginPath();
  33. ctx.arc(100,100,25,0,Math.PI*2,true);
  34. ctx.closePath();
  35. ctx.fill();
  36. }
  38. window.onload=test;
  39. </script>
  41. </head>
  42. <body>
  43. <!--[ifIE]>
  44. <scriptsrc="public/html5.js"type="text/javascript"></script>
  45. <scripttype="text/javascript"src="public/excanvas.compiled.js"></script>
  46. <![endif]-->
  47. <canvasid="cv"></canvas>
  48. </body>
这个例子在ie8不能运行，火狐可以。如果要它能在ie6,7,8能运行，那么需要做两件事情。2.1增加一个html5的ie辅助js文件和一个canvas兼容js文件 这个文件可命名为html5.js,这是一个开源的js文件，可以放心使用，它主要是解决了了6,7,8兼容html5的js的问题。canvas兼容文件命名为excanvas.compiled.js，所有文件我已经打包在demo里面。可以下载。2.2.增加一个css文件和在页面进行引用。 css文件命名为ie-css3.htc，它解决了ie6,7,8,兼容css3的问题。3.demo下载。见附件。4.例子运行结果见下面这张图片。是一个红色的圆圈，显示在黑色的画布上面。5.总结 ie6,7,8 兼容其他html5技术的做法，其实都可以效仿引用js和css的做法。这样，便为html5在移动端驰骋，扫清了最后一丝障碍。
  • Test21.rar(13.6 KB)

上一篇：css3的transition属性的使用

下一篇：HTML和CSS的盒子模型(Box model)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
学习交流
更多

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...
热门图片
更多
猜你喜欢的新闻
猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿 创2023年5月以来最大单周涨幅
2024-04-27 13:35:46
雷军：小米正在申请3万件专利，以提升自身的竞争力
2024-04-27 13:33:47
人参泡酒15年后竟“复活”？网友：这酒还能喝不？
2024-04-24 22:53:44
芯片股普涨！英伟达市值一夜大涨6000亿元
2024-04-23 19:32:50
面馆老板1天卖100碗刚够交房租 要卖到150碗才能实现盈利
2024-04-23 19:25:50
跌近30%！茶百道上市一小时跌没3年净利润
2024-04-23 19:13:19

疑难解答

图片精选

网友关注

关于本站 - 网上投稿 - 商务合作 - 隐私政策 - 网站地图
Copyright © 2008 - 2024 VEVB.COM. All Rights Reserved.武林网 版权所有