张志杰V 2023-08-01 16:44 采纳率: 0%
浏览 3

请问这种canvas背景如何变成透明呢

请问这种canvas背景如何变成透明呢请问这种canvas背景如何变成透明呢

  • 写回答

1条回答 默认 最新

  • 二九筒 2023-08-01 17:04
    关注
    

<!DOCTYPE HTML>
<html>
<body>
<canvas id="canvas" width="600"height="400">    
         <p>Your browserdoes not support the canvas element!</p>    
</canvas>    
     
<script type="text/javascript">    
    var canvas =document.getElementById("canvas");    
    var context2D =canvas.getContext("2d"); 
    const TIME = 1    
    var factor = 0;  
    
    function changeAlpha() {    
         factor+= TIME/50;    
         context2D.globalAlpha= (Math.sin(factor) + 1) / 2;   //这里采用简单算法布置透明    
    }  
    
    function draw() { 
        context2D.clearRect(0,0, canvas.width, canvas.height);     
        changeAlpha();
        //将上面的圆填充为灰色          
        context2D.fillStyle ="#FF0000"; 
        context2D.arc(100,100, 60, 0, Math.PI*2 , false);    //注意这里的参数是弧度制，而不是角度制
        context2D.fill(); 
    }    
    
    setInterval(draw, TIME); 
     
</script>    
</body>
</html>
    评论

报告相同问题？

问题事件

  • 创建了问题 8月1日

悬赏问题

  • ¥20 win11修改中文用户名路径
  • ¥15 win2012磁盘空间不足,c盘正常，d盘无法写入
  • ¥15 用土力学知识进行土坡稳定性分析与挡土墙设计
  • ¥70 PlayWright在Java上连接CDP关联本地Chrome启动失败,貌似是Windows端口转发问题
  • ¥15 帮我写一个c++工程
  • ¥30 Eclipse官网打不开，官网首页进不去，显示无法访问此页面，求解决方法
  • ¥15 关于smbclient 库的使用
  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？
  • ¥20 怎么用dlib库的算法识别小麦病虫害