《VUE》怎么添加文字？添加文字 *** 作流程

VUE在制作自己视频时，可以输入与视频应景的文字来加强视频的观赏性，这里我就来介绍一下怎么样在VUE 视频剪辑 的时候添加文字的 *** 作流程吧

添加文字的方法：

1、首先进入已完成好的拍摄页面，然后点击右上角的“表情”标志；

2、然后选择红框里的贴图才可以添加文字；

3、点击之后就可以直接输入你想要输入的文字；

3、保存之后就可以在视频上看到自己输入的文字图片了；

1.使用 npm install -g @vue/cli 全局安装vue

2.使用 vue -V 查看当前版本号

1.1 输入命令 vue create 项目名字

第一个放独立文件夹，第二个放package.json

7.填写项目描述

不用写。

8.CD到创建的项目文件夹里运行 npm run serve

封装一个通用的方法 在需要使用的页面引入

/**

* 通过url下载文件并对下载的文件更名

* @param {*} url

* @param {*} filename

*/

export const downloadFile = (url, filename) =>{

function getBlob (url) {

return new Promise(resolve =>{

const XML = new XMLHttpRequest()

XML.open('GET', url, true)

XML.responseType = 'blob'

XML.onload = () =>{

if (XML.status === 200) {

resolve(XML.response)

}

}

XML.send()

})

}

//下载文件

function saveAs (blob, filename) {

const elelink = document.createElement("a")

elelink.style.display = 'none'

elelink.download = filename

elelink.href = window.URL.createObjectURL(blob)

document.body.appendChild(elelink)

elelink.click()

document.body.removeChild(elelink)

}

// 调用以上方法进行下载

getBlob(url).then(blob =>{

saveAs(blob, filename)

})

}

页面使用方法 filename可以按需自由拼接

引入方法

import {downloadFile} from "../../utils/regular.js"

在click方法里面调用

downloadFile(url,filename)

文章

---