font2svgcode

1.0.1 • Public • Published

font2svgcode

props

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 引入

 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

Package Sidebar

Install

npm i font2svgcode

Weekly Downloads

1

Version

1.0.1

License

ISC

Unpacked Size

14.9 kB

Total Files

7

Last publish

Collaborators

  • zhuifengh2o