您的位置:首页 > 其它

Canvas createRadialGradient API

2015-07-23 16:44 344 查看
Canvas createRadialGradient API

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>createRadialGradient</title>
</head>

<body>
<canvas id='myCanvas' width='800' height='600'>
your browser does not support canvas
</canvas>
<script type="text/javascript">
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
var grd = ctx.createRadialGradient(100, 100, 10, 100, 100, 100);
grd.addColorStop(0, '#00ff00');
grd.addColorStop(1, '#ff0000');
ctx.fillStyle = grd;
ctx.fillRect(0, 0, 200, 200);
</script>
</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: