如何在画布圆的小弧上添加渐变效果？

Question

我正在尝试在画布中添加小弧的渐变效果。使用

context.createLinearGradient(0, 0, 400. 400);
secondGradient.addColorStop(0, 'white');
secondGradient.addColorStop(0.2, 'black');
secondGradient.addColorStop(0.8, 'black');
secondGradient.addColorStop(1, 'white');

但是无法获得预期的结果，如果有人可以解释createLinearGradient如何与圆一起工作，那也将是非常棒的。

先谢谢了。

http://jsfiddle.net/x4tcboj3/1/。

Answer 1

我终于明白了。我对SELECT OG.tittle as Title, OG.image as Image FROM ( SELECT a.title as tittle, i.image as image, row_number() over (Partition BY i.image_id ORDER BY i.image_id ASC ) as rn FROM ads a LEFT JOIN images i ON i.id = a.id ) OG WHERE rn =1 是错的，所以是对的，所以我去MDN阅读有关createLinearGradient的更多信息，结果我不得不设置两个要开始渐变效果的点。

（抱歉，请阅读文档）我正在尝试一些随机点以获取结果。我添加了一个createLinearGradient事件来记住确切点，并将其设置为 onmousemove正常工作。

http://jsfiddle.net/x4tcboj3/4/