附代码,复制到文本文件里,扩展名改成html 用浏览器打开 <!doctype html> <html> <head> <title>test</title> </head> <body> <canvas id="canvas" width="1024" height="50" style="width:100%;"> 您的浏览器不支持canvas,请使用firefox chrome或是高版本IE </canvas> <script> var ctx = document.getElementById("canvas").getContext("2d"); var grad= ctx.createLinearGradient(0,0,1024,0); grad.addColorStop(0,"#ff0000"); //红色 grad.addColorStop(1,"#0000ff"); //蓝色 ctx.fillStyle = grad; ctx.fillRect(0,0,1024,50); </script> </body> </html>
附代码,复制到文本文件里,扩展名改成html 用浏览器打开