怎样用canvas画个渐变圆形？
来源：互联网 发布：中国程序员数量不够 编辑：程序博客网 时间：2024/04/25 08:27
html代码
<body> <canvas id="canvas"></canvas></body>
javascript代码
var canvas = document.getElementById("canvas");var context= canvas.getContext("2d");// context.fillStyle = "#f00";// context.fillRect(0,0,150,150);context.beginPath(); var grad = context.createLinearGradient(0,0,0,100);grad.addColorStop(0,'#ff0'); // 黄grad.addColorStop(0.5,'#00f'); // 蓝grad.addColorStop(1,'#0ff'); //青context.fillStyle = grad;context.arc(50,50,50,0,2*Math.PI,true);context.fill();效果
画径向渐变的只要把createLinearGradient改个createRadialGradient方法，设置下参数
context.createRadialGradient(50,50,0,50,50,50);
效果
0 0
- 怎样用canvas画个渐变圆形？
- Canvas 圆形渐变
- HTML5 canvas带渐变色的圆形进度条动画
- HTML5之Canvas画圆形
- Canvas渐变
- canvas渐变
- canvas渐变
- canvas-圆形
- canvas制图，正方形，圆形，以及圆的线性渐变（手机端页面）
- HTML5 canvas图形绘制基础(矩形，线条，渐变色，圆形，图片，多边形)
- HTML5中canvas画图之画圆形
- svg圆形渐变
- 渐变圆形及矩形
- html5圆形渐变
- 圆形径向渐变按钮
- Android 绘图基础：Canvas画布——自定义View基础（绘制表盘、矩形、圆形、弧、渐变）
- Android 绘图基础：Canvas画布——自定义View基础（绘制表盘、矩形、圆形、弧、渐变）
- HTML5 Canvas 渐变
- 魔兽争霸3冰封王座，打不开，提示“此版本之魔兽争霸3需要特定语言版本之windows“
- java Object使用示例
- 易语言通用函数
- Android 多分辨率机器适配
- SVN服务器配置
- 怎样用canvas画个渐变圆形？
- lua 之 menu
- 易语言mysql
- 利用css中的border生成三角，兼容包括IE6的主流浏览器
- ROS探索总结（十二）——坐标系统
- Java学习笔记_19_String类
- 如何检查URL的合法性？
- Linux串口编程（中断方式和select方式
- Valgrind介绍2
