标签:
HTML Fader是一个很小的工具,或者更准确的说,它是一个HTML代码插件程序,功能呢个只有一个,就是通过HTML Fader,你可以在HTML轻松制作色彩渐变效果,而不需要记住那么繁琐的代码,它可以应用在你的网页的标题和文本内容。程序包含了一个基本的设计接口,你必须设置渐变色值(对应RGB的值)和文字。之后,你就可以点击生成HTML页面了,复制相关的代码到你的网页编辑页面中,那么,效果立刻就能显示出来。
与HTML推子您可以轻松地创建HTML花哨的颜色渐变效果,适用于您的网页的标题和文本。该方案采用的基本设计中,你必须同时引进灰度颜色值(RGB)和文本的界面。
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>渐变</title>
<script language="javascript" type="text/javascript">
window.onload=function(){
var mycan=document.getElementById("myCanvas");
var canxt=mycan.getContext("2d");
//在一个矩形中尝试做渐变
var mylinear=canxt.createLinearGradient(0,0, 150,50);// 创建一个线性渐变
mylinear.addColorStop(0,"red");
mylinear.addColorStop(0.5,"yellow");
mylinear.addColorStop(1,"green");
// 把渐变对象赋值给fillstyle,理解(和填充颜色联系起来,这里不同的就是纯色用渐变对象取代了,我们还是在对canxt操作),关键
canxt.fillStyle=mylinear;
//绘制矩形
canxt.fillRect(0,0,150,50);//必不可少
//为文字创建一个渐变
var linearText=canxt.createLinearGradient(300,50,600,50);
linearText.addColorStop(0,"yellow");
linearText.addColorStop(0.5,"grey");
linearText.addColorStop(1,"red");
canxt.fillStyle=linearText;
canxt.font="30px Arial";
canxt.textBaseline="top";//文字对齐方式,在canxt中,要看实际效果
canxt.fillText("Linear canxt!!",300,50);//参数表示文字x,y轴的位置
// 对角线上的渐变
var fillColordiagonal = canxt.createLinearGradient(50,200, 100,450);
// 渐变颜色
fillColordiagonal.addColorStop(0.2,"red");
fillColordiagonal.addColorStop(0.4,"black");
fillColordiagonal.addColorStop(0.6,"green");
fillColordiagonal.addColorStop(0.75,"yellow");
// 把渐变对象赋值给fillstyle
canxt.fillStyle= fillColordiagonal;
// 绘制矩形
canxt.fillRect(50,225, 100,250);
// 绘制径向渐变
fillColorRadial = canxt.createRadialGradient(450,300,0, 450,300,200);
//径向渐变——createradialGradient(x0,y0,r0,x1,y1,r1)——使用六个参数以一种圆形或是圆锥形的模式来组合两种或多种颜色。
//1. (x0,y0): 圆锥的第一个圆的中心
//2. r0:第一个圆的半径
//3. (x1,y1):圆锥的第二个圆的中心
//4. r1:第二个圆的半径
fillColorRadial.addColorStop(0, "red");
fillColorRadial.addColorStop(0.2, "black");
fillColorRadial.addColorStop(0.4, "green");
fillColorRadial.addColorStop(0.7, "yellow");
canxt.fillStyle = fillColorRadial;
canxt.rect(300,200,500,400);
canxt.fill();
}
</script>
</head>
<body>
<p><canvas id="myCanvas" width="600" height="400"></canvas></p>
</body>
</html>
厂商名称:
奥维互动地图免安装版最新版59.0M3648人在玩奥维互动地图是一款跨平台地图浏览器,支持iOS(iPhone、iPad)、Android、Windows、WindowsPhone、Web五大平台。集多种知名地图与一体,拥有强大的设计功能与地理信息展现技术,可满足各行各业地理信息规划的需求。欢迎下载使用。
下载沪拍拍(沪牌拍牌软件)147.3M1人在玩沪拍拍(沪牌拍牌软件)是一款专业的拍牌助手软件,它的功能十分强大,可以帮助用户竞拍沪牌,保证价格对有七成把握能中标,想要拍牌的朋友一定不要错过了,欢迎大家下载体验。
下载谷歌地球最新版2021(google earth)63.4M8193人在玩谷歌地球(GoogleEarth,GE)是一款谷歌公司开发的虚拟地球仪软件,它把卫星照片、航空照相和GIS布置在一个地球的三维模型上。有需要的朋友不要错过了,欢迎下载使用。
下载护眼宝电脑版3.6M131人在玩眼睛是心灵的窗户,现在有很多的小孩子很小就戴着眼镜了,护眼宝是一款护眼app,护眼宝需要在pc端安装靠谱助手才行的,有需要的亲们赶快的来体验吧!
下载金山流量监控独立版3.2M1677人在玩直接运行netmon.exe即可,如果安装不好用的话有可能安装过金山卫士,里面有卸载,卸载之后重新运行,一定要重新启动电脑,要不不好用。
下载Tampermonkey脚本(Chrome扩展)1.3M2395人在玩Tampermonkey是第一个可以用来让Chrome支持更多UserScript的Chrome扩展,它可以加入更多的Chrome本身不支持的用户脚本功能,比如GM_registerMenuCommand和GM_xmlhttpRequest这两个函数。安装该扩展之后,再安装Userscript的时候还会拦截原来的对话框
下载精易模块885M2227人在玩精易模块是由精易论坛发布的一款易语言模块,使用精易模块,可以更好的编写易语言程序,精易模块目前是以开源的形式存在,完全免费使用,是易语言开发者的必备模块。精易模块的由来:最初开始成立精易论坛时,并没有精易模块的,是自己在平常编写程序时,自己封
下载沙盘sandboxie软件5.0M172人在玩沙盘Sandboxie允许你在沙盘环境中运行浏览器或其他程序,因此运行所产生的变化可以随后删除。可用来消除上网、运行程序的痕迹,也可用来还原收藏夹、主页、注册表等。即使在沙盘进程中下载的文件,也会随着沙盘的清空而删除。此软件在系统托盘中运行,如果想启动一
下载渲梦工厂(3dsmax插件)100.2M117人在玩渲梦工厂(RenderDreamFactory)简称RDFactory,这款软件是一款3dsmax插件工具,它用于3D动画及效果图辅助设计,其功能包括建模、场景、材质、灯光,动画、构图。渲染等功能,这款插件操作简单,功能强大,由于功能越来越丰富,所以新版本已经从起初的综合版分化成
下载法人一证通协卡助手21.9M21人在玩法人一证通协卡助手是上海市法人一证通需要使用到的一款专门用于驱动修复和一键激活法人一证通的软件,通过法人一证通协卡助手用户能够更好的管理自己的UKEY并激活自己的法人一证通,有需要的可以下载使用。
下载