props:{
Width:{
type:String,
default:'' //默认空时取值window.innerWidth||document.documentElement.offsetWidth;rpx单位的数值;auto:字符串长度*字符串的fontSize;建议不填写
},
Height:{
type:String,
default:'' //默认空,取值字符串的FontSize;rpx单位的数值,建议不填写
},
TextString:{
type:String,
default:'' //需要被转换的文本
},
FontSize:{
type:String,
default:'14px' //默认字体大小14px
},
FontFamily:{
type:String,
default:'' //渲染的字体
},
FontWeight:{
type:String,
default:'' //100,200,400,700,normal,bold
},
FontStyle:{
type:String,
default:'' //取值为''或者是normal渲染的值是normal否则为oblique(斜体显示)
},
Align:{
type:String,
default:'left' //取值 left|center|right
},
LinearGradient:{
type:String,
default:'' //渐变色,第一个值方向只有left和top,颜色值支持16进制的RGB/RGBA,例如 'left,#f00,#000','left,#f00 20%,#000 80%','left,#000000AA 20%,#0000ff22 80%'
},
Color:{
type:String,
default:'' //当LinearGradient生效的时候字体颜色失效
}
<script src="./font2svgcode.js"></script>
<script type="text/javascript">
var svgCodeInstance = new font2svgcode({TextString:'测试',Width:'auto',FontSize:'40px',});
console.log(svgCodeInstance.toSvgCdoe());
console.log(svgCodeInstance.toSvgBase64());
</script>
npm install font2svgcode
示例:
let font2svgcode = require('../dist/font2svgcode.min.js');
let font2svgcodeInstance = new font2svgcode({TextString:'测试'});
console.log(font2svgcodeInstance.toSvgCode());
console.log(font2svgcodeInstance.toSvgBase64());
font2svgcode并不是真正的将字体转为svg图标,而是转为<svg><text></text></svg>
这种格式
uniapp版本font2svg