您现在的地位: 365体育备用网址 > bet365体育在线, > JavaScript 教程 > HTML DOM createRadialGradient() 方法

HTML DOM createRadialGradient() 方法_365体育备用网址官网资讯

您现在的地位: 365体育备用网址 > bet365体育在线, > JavaScript 教程 > HTML DOM createRadialGradient() 方法

HTML DOM createRadialGradient() 方法

此节有 180 人学习过     参与评论

定义和用法

createRadialGradient() 方法创建一条放射颜色渐变。

语法

createRadialGradient(xStart, yStart, radiusStart, xEnd, yEnd, radiusEnd)

参数

参数 描述
xStart, yStart 开头圆的圆心的坐标。
radiusStart 开头圆的半径。
xEnd, yEnd 结束圆的圆心的坐标。
radiusEnd 结束圆的半径。

返回值

表示一个放射性颜色渐变的一个 CanvasGradient 对象

描述

这个方法创建并返回了一个新的 CanvasGradient 对象,该对象在两个指定圆的圆周之间放射性地插值颜色。注意,这个方法并没有指定任何用来渐变的颜色。使用返回对象的 addColorStop() 方法做到这一点。要使用一个渐变来勾勒线条或填充区域,只需要把 CanvasGradient 对象赋给 strokeStyle 属性或 fillStyle 属性即可。

放射性渐变的绘制方法

使用第一个圆的圆周在偏移 0 处的颜色和第二个圆的圆周在偏移 1 处的颜色,在两个地位之间的圆上插入颜色值(红色、绿色、蓝色和 alpha)。

参阅

CanvasGradient.addColorStop()

CanvasRenderingContext2D.createLinearGradient()

如对本文有疑问,请提交到交流金赞娱乐城开户开户,广大热心网友会为你解答!! 点击进入金赞娱乐城开户开户


公布评论 (180人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换盛世三国2手机版
最新评论
------分隔线----------------------------
JavaScript 教程目录
条评论
Sitemap