| js实现文字颜色渐变（兼容IE） | 您所在的位置：网站首页 › jsp页面怎么设置字体颜色渐变 › js实现文字颜色渐变（兼容IE） |
js实现文字颜色渐变（兼容IE）
|
利用svg来实现文字颜色渐变效果，并且可以很好地兼容IE。 一、封装一个组件，接收文字 import React from "react"; function TextColor(props){ //计算名字的字节数，用于计算svg宽度 const computeLength = (str) => { var bytesCount = 0; for (var i = 0; i < str.length; i++){ var c = str.charAt(i); if (/^[\u0000-\u00ff]$/.test(c)){//匹配双字节 bytesCount += 1; } else { bytesCount += 2; } } return bytesCount; } var name = props.text; return ( {stopColor: "blue", stopOpacity:0.6}} /> {marginTop: "100px", textAlign: "center"}}>我是其他内容 ) } 三、展示效果
|
【本文地址】
公司简介
联系我们