uniapp中封装一个svg转base64的组件

uniapp中由于不支持svg--》base64，同时无法使用h5中atob，这里我们采用js-base64插件实现这样一个组件，只要传人svg的代码即可在uniapp中转为base64，同时支持自定义参数，比如宽度，高度,等

1 安装

npm install --save js-base64

2 组件

3 引入组件

data() {
			return {
				base64String:"",
				
				svgTxt:``,
				
			}
		},

4 添加动画

本demo通过一个箭头的svg来做例子。该组件中通过点击箭头实现旋转动画。可以自己传参数来定义箭头的旋转方向本例是通过点击选择90度

我们在组件内部定义了一个函数用于处理px单位的转化，因为style的设置无法实现px自动转为vw