JS-canvas 渐变 绘制圆
来源:互联网 发布:淘宝图片分辨率 编辑:程序博客网 时间:2024/05/21 14:03
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;">您的浏览器不支持 HTML5 canvas 标签。</canvas><script>var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var grd=ctx.createRadialGradient(50,50,10,50,50,30);grd.addColorStop(0.1,"#fff");grd.addColorStop(1,"#f00");ctx.fillStyle=grd;ctx.strokeStyle = '#fff';ctx.arc(50,50,50,0,2*Math.PI,false);ctx.stroke();ctx.fill();//ctx.arc(circle.x, circle.y, circle.r, 0, 2*Math.PI, false);//ctx.fillRect(10,10,100,100);</script></body></html>
阅读全文
0 0
- JS-canvas 渐变 绘制圆
- canvas绘制渐变
- canvas绘制之渐变色
- Canvas绘制渐变圆环图
- [前端] canvas绘制圆、渐变、字体和图片及其他
- canvas绘制圆、渐变、字体和图片及其他
- HTML5 Canvas绘制渐变(一)
- HTML5 Canvas绘制渐变(二)
- Html5实例: <canvas>绘制渐变图形
- Html5学习------canvas绘制径向渐变图形
- html5 canvas学习--绘制线性渐变
- html5 canvas学习--绘制径向渐变
- canvas渐变圆动画
- HTML5利用Canvas绘制图形(绘制渐变、模式、变换)
- HTML5 移动开发 -- Canvas 绘图 9.2 三角形路径绘制, 圆, 圆弧,二元三元抛物线, 渐变
- JS | canvas 绘制多图
- HTML5 JS Canvas利用贝塞尔曲线绘制圆角矩形
- 【Html5每日练习】canvas绘制线性渐变图形
- Lua和C++交互api学习
- git rebase -i
- Android群英传学习——第六章、Android绘图机制与处理技巧
- 如何在ABBYY PDF Transformer+中进行文本识别
- 三个问题
- JS-canvas 渐变 绘制圆
- 如何在ionic官网打包自己的App
- Android Studio下载/更新SDK
- 针对IE的CSS hack
- Laravel框架的体系结构
- JavaScript Event Loop 机制详解
- Android studio 混淆+打包+验证是否成功
- HDOJ HDU 1102 Constructing Roads
- eclipse错误提示selection does not contain an applet