你的浏览器不支持 canvas
- </canvas>
- <script type="text/javascript">
- // 找到要设置的画布
- var canvas1 = document.querySelector('#canvas1')
- // 能够对这个画布画画的对象, 就是画笔, canvas1 的上下文对象
- var ctx = canvas1.getContext('2d')
- ctx.rect(100,100,400,400)
- // 径向渐变的设置
- var tt = ctx.createRadialGradient(300,300,30,250,250,120)
- tt.addColorStop(0,'skyblue')
- tt.addColorStop(1,'pink')
- ctx.fillStyle = tt
- ctx.fill()
- </script>
- </body>
- </HTML>
径向渐变
来源: http://www.bubuko.com/infodetail-2992002.html