HTLM5 颜色渐变效果

最新推荐文章于 2024-09-24 13:46:40 发布

最新推荐文章于 2024-09-24 13:46:40 发布 · 121 阅读

本文介绍如何使用HTML5 Canvas元素实现圆形并填充渐变色，通过创建线性渐变并设置颜色停靠点，实现从红色到绿色的渐变效果。

参考百度HTML5入门文档写的.

<html>
<canvas id= "myCanvas"></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var cxt = canvas.getContext('2d');
var grd = cxt.createLinearGradient(0,0,250,250);
grd.addColorStop(0, "FF0000");
grd.addColorStop(1, "00FF00");
cxt.fillStyle= grd;
cxt.fillRect(0,0,250,250);
</script>
</html>