                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS實(shí)現(xiàn)人機(jī)大戰(zhàn)之五子棋（UI篇）

createRadialGradient

這個怎么設(shè)置API的，在w3c上也看不明白為什么，求大神詳解

寶慕林2917688

2017-04-12

源自：JS實(shí)現(xiàn)人機(jī)大戰(zhàn)之五子棋（UI篇） 2-4

關(guān)注問題我要回答

1290

操作

收起

2 回答

寶慕林2917688 提問者
2017-04-14

這個我知道，但漸變過程怎么演示，還有漸變部分怎么截取

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_振宇_03649113
2017-04-13

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>來自菜鳥教程的代碼</title>
</head>
<body>

<canvas?id="myCanvas"?width="300"?height="150"?style="border:1px?solid?#d3d3d3;">
您的瀏覽器不支持?HTML5?canvas?標(biāo)簽。
</canvas>
<div>
x0?:???漸變的開始圓的?x?坐標(biāo)????</br>
y0?:???漸變的開始圓的?y?坐標(biāo)????</br>
r0?:???開始圓的半徑????</br>
x1?:???漸變的結(jié)束圓的?x?坐標(biāo)????</br>
y1?:???漸變的結(jié)束圓的?y?坐標(biāo)????</br>
r1?:???結(jié)束圓的半徑????
</div>
<script>
var?c=document.getElementById("myCanvas");
var?ctx=c.getContext("2d");
var?grd=ctx.createRadialGradient(75,50,5,90,60,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,100);
</script>

</body>
</html>