Question

我必须使用hsl来使用动态颜色，但它不起作用。这是我的代码

HTML：

<html>
<head >
    <script type="text/javascript" src="canvases.js"></script>
</head>
<body>
    <canvas height="800" width="800"></canvas>
</body>
</html>

JavaScript的：

(function(){

    function init(){
        var canvas = document.getElementsByTagName('canvas')[0];
        var c = canvas.getContext('2d');
        var x = 100;
        var y = 100;
        function draw(){
            c.clearRect(0,0,canvas.width, canvas.height);
            c.fillStyle = 'black';
            c.clearRect(0,0,canvas.width, canvas.height);

            for(var i=0; i<5; i++){
                var r= 50*Math.random();
                c.fillStyle = 'hsl('+ 360*Math.random() +',100%,500%)';
                c.beginPath();
                c.arc(1000*Math.random(),1000*Math.random(),r,0,2*Math.PI,false);
                c.fill();
            }
            requestAnimationFrame(draw);

        }
        draw();

    }

    window.addEventListener('load',init,false);
}());

未显示任何错误但无法返回任何内容。

Answer 1

错字！

// not 500%
c.fillStyle = 'hsl('+ 360*Math.random() +',100%,50%)';

画布动态fillStyle hsl颜色不起作用？

1 个答案: