JavaScript canvas實現七彩太陽光暈效果

本文例項為大家分享了javascript canvas實現七彩太陽光暈效果的具體程式碼，供大家參考，具體內容如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" contehttp://www.cppcns.comnt="width=device-width,initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
            var canvas=document.getElementById('canvas');
            var cx=canvas.getContext("2d");
            cx.fillStyle='pink';
            cx.strokeStyle='pink';
            for(var i=0;i<10;i++){
                var g=cx.createLinearGradient(0,290,290);
                g.addColorStop(0,'rgba(255,1)');
                g.addColorStop(0.1,0.5)');
                g.addColorStop(0.2,165,0.4)');
              
程式設計客棧   g.addColorStop(0.4,'rgba(205,255,0.5)');
                g.addColorStop(0.6,'rgba(230,145,0.5)');
                g.addColorStop(0.8,'rgba(0,程式設計客棧127,0.5)');
       http://www.cppcns.com         g.addColorStop(0.9,'rgba(100,200,205,0.9)');
                g.addColorStop(1,0http://www.cppcns.com.5)');;
                cx.fillStyle=g;
                cx.beginPath();
                cx.arc(i*25,i*25,i*10,Math.PI*2,true);
                cx.closePath();
                cx.fill();
            }
        }
    </script>
</head>
<body>
    <canvas id="canvas" width="600px" height="600px" style="background-color: #ccc;"></canvas>
    
</body>
</html>

效果圖如下：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。

JavaScript canvas實現七彩太陽光暈效果

JavaScript canvas實現七彩太陽光暈效果

JavaScript canvas實現七彩時鐘效果

JavaScript canvas實現動態點線效果

javascript使用canvas實現餅狀圖效果

javascript canvas實現雨滴效果

JavaScript canvas實現程式碼雨效果

JavaScript canvas實現映象圖片效果

JavaScript canvas實現九宮格切圖效果

JavaScript canvas實現雪花隨機動態飄落

JavaScript canvas實現跟隨滑鼠事件

javascript+Canvas實現畫板功能

JavaScript+canvas 實現五子棋遊戲

基於javascript canvas實現五子棋遊戲

javascript canvas實現簡易時鐘例子

JavaScript+Canvas實現自定義畫板

JavaScript canvas實現雨滴特效

JavaScript canvas實現文字時鐘

JavaScript canvas實現跟隨滑鼠移動小球

JavaScript canvas實現帶有陰影的圖形和文字

JavaScript canvas實現流星特效

JavaScript canvas實現七彩太陽光暈效果

相關推薦