                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JS實現人機大戰之五子棋（UI篇）

createRadialGradient

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

寶慕林2917688

2017-04-12

源自：JS實現人機大戰之五子棋（UI篇） 2-4

關注問題我要回答

1294

操作

收起

2 回答

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

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

0 回復有任何疑惑可以回復我~

收起回答

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?標簽。
</canvas>
<div>
x0?:???漸變的開始圓的?x?坐標????</br>
y0?:???漸變的開始圓的?y?坐標????</br>
r0?:???開始圓的半徑????</br>
x1?:???漸變的結束圓的?x?坐標????</br>
y1?:???漸變的結束圓的?y?坐標????</br>
r1?:???結束圓的半徑????
</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>