8
A
回答
20
您要使用的ctx.createRadialGradient()
方法。
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var x = 100,
y = 75,
// Radii of the white glow.
innerRadius = 5,
outerRadius = 70,
// Radius of the entire circle.
radius = 60;
var gradient = ctx.createRadialGradient(x, y, innerRadius, x, y, outerRadius);
gradient.addColorStop(0, 'white');
gradient.addColorStop(1, 'blue');
ctx.arc(x, y, radius, 0, 2 * Math.PI);
ctx.fillStyle = gradient;
ctx.fill();
+0
这里是基于接受的回答一个很好的粒子:http://jsfiddle.net/sA6Wc/422/ – 2014-12-07 05:23:04
相关问题
- 1. 如何在HTML5画布中显示更平滑的渐变?
- 2. HTML5画布渐变模式'from center'
- 3. 圆形轨迹在画布上淡出
- 4. 淡出文字效果在HTML5画布
- 5. 如何使用Core Graphics/iPhone绘制渐变线(淡入/淡出)?
- 6. 画布渐变
- 7. 使用HTML5画布元素的矩形渐变
- 8. 用几种渐变颜色在画布上画一个圆圈
- 9. 如何在UIImageView中从左向右创建动画淡入淡出(alpha渐变)
- 10. 如何清除HTML5画布中的圆弧或圆圈?
- 11. HTML5画布,我的圆弧画出中心的起点线
- 12. 使用JavaScript为HTML5画布创建动态对角线渐变?
- 13. 如何使用渐变贴图在画布中调整带有图像的HTML5画布。
- 14. 如何保存画布为渐变背景php/html5?
- 15. iPhone OpenGL - 如何渐变淡出质感?
- 16. 线性渐变画笔淡入淡出WPF
- 17. 颤动动画如何逐渐淡入/淡出
- 18. 动画中的画布渐变
- 19. jquery淡入淡出渐变背景
- 20. 渐变/淡入淡出CSS盒阴影?
- 21. 如何重新启动在HTML5画布中用渐变绘制线条
- 22. 画布绘制用线性渐变填充圆角矩形
- 23. 如何逐渐淡出和淡入div
- 24. 使用鼠标事件在HTML5画布上绘制圆/椭圆
- 25. 如何画一个连续的圆形图案与HTML5画布
- 26. Cocos2d:如何使绘制的圆做缩放或淡出动画
- 27. 如何使这个脚本变成淡入淡出的动画
- 28. 如何使HTML5画布
- 29. 圆锥渐变圆
- 30. Delphi 7在画布上绘制圆圈的渐变部分
我的意思是像一个径向渐变... – user2336726 2013-05-11 06:14:06