gpt4 book ai didi

javascript - Canvas 动态填充样式 hsl 颜色不起作用?

转载 作者:行者123 更新时间:2023-12-01 15:50:37 24 4
gpt4 key购买 nike

关闭。这个问题是not reproducible or was caused by typos .它目前不接受答案。












此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。


4年前关闭。







Improve this 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);
}());

没有显示任何错误,但无法返回任何内容。

最佳答案

错字!

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

关于javascript - Canvas 动态填充样式 hsl 颜色不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30497724/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com