用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>


ie8 firefox input readonly 光标

disabled could not submit value so
  • superzsen
  • superzsen
  • 2014年08月28日 19:55
  • 1729

JavaScript在IE浏览器和Firefox浏览器中的差异总结

JavaScript在IE浏览器和Firefox浏览器中存在一些差异,以下对这些差异部分进行了总结,以及解决方案: 1.HTML对象的 id 作为对象名的问题 IE:HTML 对象...
  • wang8088498
  • wang8088498
  • 2015年12月14日 17:06
  • 818

Ubuntu中用新标签页打开链接

Ubuntu下的Firefox,虽然在首选项中设定了新标签页打开,但在某些网站还是会在新窗口中打开。当然你可以用中键,但我依然习惯于左键打开。修改如下:1)在浏览器任务栏中输入: about:conf...
  • junli0310
  • junli0310
  • 2008年04月05日 13:37
  • 720

Firefox下常用的Add-on

Firefox, Add-on, 常用,方便
  • badboy2008
  • badboy2008
  • 2011年03月13日 11:35
  • 1369

firefox安装和用于调试的工具firebug与模拟ie6,7,8,9,10环境的Ietester

最近在学习web,听说开发者用的比较多的是firefox 记录一下我用的工具: 1:前些天写的sublime text2  2:firefox,chrome,IE(斯巴达Spartan)--ietes...
  • JackJia2015
  • JackJia2015
  • 2016年03月02日 18:37
  • 1011

IE与Firefox在处理html中Alt的区别

光标移到图片上时,悬停提示不同:IE会把alt作为鼠标悬停提示。即用但是Firefox无提示。想要在对Firefox中提示可以使用“Vanessa”>这样一来在Firefox中和IE中都可以显示图片提...
  • Vanessa219
  • Vanessa219
  • 2008年03月14日 10:07
  • 2390

Python-Selenium2做Web自动化测试(7)-selenium在IE、Chrome和Firefox运行

Python-Selenium2做Web自动化测试(7)-selenium在IE、Chrome和Firefox运行
  • jasonwoolf
  • jasonwoolf
  • 2015年08月09日 15:54
  • 1775

ie和火狐兼容问题

1. document.form.item 问题 (1)现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在Firefox(...
  • sinolzeng
  • sinolzeng
  • 2015年02月25日 09:01
  • 1129

Android中使用Canvas绘制简单的图形(二) 进阶 绘制钟表

此文是http://blog.csdn.net/daweibalang717/article/details/51776446 的进阶版 通过上文可以学会简单的图形绘制,我们来进行一个钟表的绘制。...
  • daweibalang717
  • daweibalang717
  • 2016年06月29日 17:22
  • 1126

在Firefox中使用openwith插件快速调用别用的浏览器打开当前网页。

https://addons.mozilla.org/zh-CN/firefox/addon/open-with/ 建议在firefox中安装一个叫做【openwith】的插件,它会自动列出当前机器上...
  • lvjin110
  • lvjin110
  • 2015年03月03日 22:13
  • 1410
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用firefox的canvas标签绘制简单的图形(firefox下可以执行,IE不可以)
举报原因:
原因补充:

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