canvas在不同浏览器出现的问题

最新推荐文章于 2024-05-21 08:43:03 发布

zhou_2_2

最新推荐文章于 2024-05-21 08:43:03 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： JS 前端开发

本文链接：https://blog.youkuaiyun.com/zhou_2_2/article/details/85268811

本文探讨了fillRect方法在IE和谷歌浏览器中不同的表现，通过一个具体的绘图示例，展示了如何使用此方法在Canvas上绘制矩形，并讨论了在不同浏览器下可能遇到的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

fillRect方法在IE和谷歌的不同表现。待解决

function drawRec() {
      var cas = document.getElementById('_rectangle');
      if (cas.getContext) {
        var ctx = cas.getContext('2d');
        //画矩形 
        ctx.fillStyle = 'rgb(188,200,0)';
        ctx.fillRect(0, 0, 80, 80);
        ctx.fillStyle = 'rgb(200,0,0,0.5)';
        ctx.fillRect(30, 30, 80, 80);
        //绘制一个矩形的边框
        ctx.strokeRect(0, 0, 150, 150);
        //清除指定矩形区域，让清除部分完全透明。
        ctx.clearRect(50, 50, 10, 10);
      }
    }

在这里插入图片描述