专业的QQ交流站 本站非腾讯QQ官方网站

QQ下载|QQ资讯|QQ分类|下载排行|最近更新

软件
软件
文章
搜索
当前位置:首页应用软件其他应用 → HTML Fader(HTML编辑器) 1.0 绿色版
HTML Fader(HTML编辑器)

HTML Fader(HTML编辑器)

1.0 绿色版评分:
下载地址
  • 软件介绍
  • 软件截图
  • 猜你喜欢
  • 同类推荐
  • 相关文章

软件Tags: HTML

HTML Fader是一个很小的工具,或者更准确的说,它是一个HTML代码插件程序,功能呢个只有一个,就是通过HTML Fader,你可以在HTML轻松制作色彩渐变效果,而不需要记住那么繁琐的代码,它可以应用在你的网页的标题和文本内容。程序包含了一个基本的设计接口,你必须设置渐变色值(对应RGB的值)和文字。之后,你就可以点击生成HTML页面了,复制相关的代码到你的网页编辑页面中,那么,效果立刻就能显示出来。

官方介绍:(谷歌翻译)

与HTML推子您可以轻松地创建HTML花哨的颜色渐变效果,适用于您的网页的标题和文本。该方案采用的基本设计中,你必须同时引进灰度颜色值(RGB)和文本的界面。

相关推荐:html5_canvas实现的渐变效果

<!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>

展开内容

软件截图

  • HTML Fader(HTML编辑器)1.0 绿色版

下载地址

  • PC版

相关版本

同类推荐

相关文章

用户评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

热门评论

最新评论

已有0人参与,点击查看更多精彩评论

关于腾牛 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright 2005-2020 QQTN.com 【腾牛网】 版权所有 鄂ICP备19031707号-1 | 鄂公网安备 42011102000245号

声明: 本站非腾讯QQ官方网站 所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告