这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JavaScript+html5 canvas 绘制渐变区域的方法, 结合完整实例形式分析了 canvas 颜色调用与图形绘制的相关技巧, 需要的朋友可以参考下
本文实例讲述了 JavaScript+html5 canvas 绘制渐变区域的方法。分享给大家供大家参考,具体如下:
运行效果截图如下:
具体代码如下:
- <!DOCTYPE html>
- <html>
- <head>
- <title>
- demo
- </title>
- <style type="text/CSS">
- #canvas { border:3px solid gray; }
- </style>
- </head>
- <body>
- <canvas id="canvas" width="500px" height="500px">
- </canvas>
- </body>
- <script type="text/javascript">
- var canvas = document.getElementById("canvas");
- var ctx = canvas.getContext("2d");
- ctx.beginPath();
- ctx.rect(0, 0, 200, 200);
- ctx.closePath();
- var gradient = ctx.createLinearGradient(0, 0, 200, 200);
- gradient.addColorStop(0, "gray");
- gradient.addColorStop(0.5, "red");
- gradient.addColorStop(1, "blue");
- ctx.fillStyle = gradient;
- ctx.fill();
- </script>
- </html>
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0407/267375.html