用firefox的canvas标签绘制简单的图形(firefox下可以执行,IE不可以)

原创 2007年09月25日 10:07:00
用firefox绘制的三个矩形,第一个为不透明红色,第二个为透明度为0.5的蓝色,第三个为透明度为0.5的绿色

firefox的canvas标签确实很是不错啊,感觉很神奇!

代码 如下,必须在firefox下才能执行以下代码

<html>
 <head>
  <script type="application/x-javascript">
function draw() {
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");

 ctx.fillStyle = "rgb(200,0,0)";  // 把「填滿樣式」設為紅 200 綠 0 藍 0
 ctx.fillRect (10, 10, 30, 30);   // 畫一個填充的長方形

 ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; // 把「填滿樣式」設為紅 0 綠 0 藍 200 透度 0.5
 ctx.fillRect (20, 20, 30, 30);          // 畫一個填充的長方形


 ctx.fillStyle = "rgba(0, 200, 0, 0.5)"; // 把「填滿樣式」設為紅 0 綠 200 藍 0 透度 0.5
 ctx.fillRect (30, 30, 30, 30);          // 畫一個填充的長方形
}
  </script>
 </head>
 <body onload="draw()">
   <canvas id="canvas" width="300" height="300"></canvas>
 </body>
</html>


IE Firefox Opera Chrome Safari 对MARQUEE标签的兼容问题

标准参考MARQUEE 元素不属于 W3C 规范中的元素,它最初由 IE2.0 引入,是微软为 IE 浏览器发明的特有元素,然而目前所有的主流浏览器均支持 MARQUEE 元素。MARQUEE 元素用...
  • keymo_
  • keymo_
  • 2012年09月12日 11:20
  • 11640

用JavaScript 获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox)和用jquery方法的简单分析

前两天帮助同事一起弄了一下效果图项目,遇到了在后台里需要在效果图上获取鼠标的坐标。因为我们的js都是刚开始学习的,所以我们就只能上网找了一些方法,一开始我们是用jq的方法,结果发现存在了兼容问题。 ...
  • cai0_0
  • cai0_0
  • 2016年04月22日 15:46
  • 373

鼠标滚动事件onscroll在firefox/chrome/Ie中执行次数的问题处理

要写一个滚动条滑动加载图片的程序,研究了一下onscroll在不同浏览器里的执行次数,分别如下: var i=0; E.addHandler(window, 'scroll', function...

IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1:页面的分享等插件加载不全,并无法点击。 兼容问题2:IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的succ...

IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1: 页面的分享等插件加载不全,并无法点击。 兼容问题2: IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法...

HTML5教程-用Canvas标签绘制坐标变换图形

HTML5教程-用Canvas标签绘制坐标变换图形 绘制图形的时候,我们可能经常会想到旋转图形,或者对图形使用变形处理,使用Canvas API的坐标轴变换处理功能,就能实现这种效果。 ...

Opera、FireFox、IE、Safari中CSS差别及兼容CSS的解决方法

一、CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法...

实现页面滑动到一定位置后弹出图片(兼容IE9/10/11,chrome,firefox,safari)

如题。希望这一次能够实现如下的右侧导航的效果:        http://www.tmall.com/go/act/315/anquanhuijia.php?spm=3.1000473.29529...

页面中通过点击链接打开本地文件夹或者远程的文件夹,IE完美支持,chrome和FireFox会出现问题

项目用到在页面中点击文件夹路径链接,可以弹出相应的文件夹。在IE中可以直接将文件夹路径当成网页URL路径来操作,主要有三种方式:1.将文件夹路径直接写在链接的href中;2.在js中使用window....
  • tiokld
  • tiokld
  • 2014年12月03日 10:49
  • 3702
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用firefox的canvas标签绘制简单的图形(firefox下可以执行,IE不可以)
举报原因:
原因补充:

(最多只允许输入30个字)