为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5 Canvas 线性渐变的问题

HTML5 Canvas 线性渐变的问题

Alone931119 2017-01-12 16:37:06
最近在用w3school看html5,在用例子练习的时候,改了下坐标,然后对显示出来的结果有一些疑问,烦请大家帮忙解答<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="200" height="250" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag. </canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var grd=ctx.createLinearGradient(0,0,170,0); grd.addColorStop(0,"red"); grd.addColorStop(1,"black"); ctx.fillStyle=grd; ctx.fillRect(0,0,170,100); ctx.fillRect(20,120,170,100); </script> </body> </html>
查看完整描述

1 回答

?
翰术

TA贡献21条经验 获得超8个赞

fillRect(x, y, width, height)
x, y    矩形的左上角的坐标。    
width, height    矩形的大小。



查看完整回答
反对 回复 2017-02-01
  • 1 回答
  • 0 关注
  • 1499 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信