android canvas光晕绘制_绘制渐变图形--Canvas的基本操作

本文介绍了Android Canvas如何进行线性渐变和径向渐变的绘制。首先,详细阐述了线性渐变的概念及如何使用LinearGradient对象设置颜色,接着讲解了通过addColorStop方法指定颜色偏移量的过程。然后,转向径向渐变的绘制,帮助读者理解不同类型的渐变效果在Android图形绘制中的应用。
摘要由CSDN通过智能技术生成

1.绘制线性渐变

渐变的概念:渐变是指在填充时从一种颜色慢慢过渡到另外一种的颜色。
绘制线性渐变时,需要使用到LinearGradient对象。使用图像上下文对象的createLinearGradient方法创建该对象。该方法的定义如下所示。context.createLinearGradient(xStart,yStart,xEnd,yEnd) 该方法使用四个参数,xStart为渐变起始地点的横坐标,yStart为渐变起始地点的纵坐标,xEnd为渐变结束地点的横坐标,yEnd为渐变结束地点的纵坐标。
使用addColorStop方法绘制颜色
创建了一个使用两个坐标点的LinearGradient对象之后,使用addColorStop方法进行绘制颜色,该方法的定义如下所示。context. addColorStop(offset,color)
该方法使用两个参数——offset和color。Offset为所
设定的颜色离开渐变起始点的偏移量。该参数的值是一
个范围在0到1之间的浮点值,渐变起始点的偏移量为0
,渐变结束点的偏移量为1。

<!DOCTYPE html>   
<head>   
<meta charset="UTF-8">  
<title>绘制线性渐变</title>  
<script >
function draw(id) {
    var context = document.getElementById('canvas').getContext('2d');
    var lingrad = context.createLinearGradient
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值