将签名加载到vue-签名垫
将签名加载到vue-签名垫
提问于 2022-04-23 12:11:43
我是vue的初学者。我在这里有我的第一份工作。我在Vue 2做我的项目。
我有这样的代码：https://pastebin.com/Ddaqf6E9
<vue-signature-pad
id="signature"
width="100%"
height="500px"
ref="signaturePad"
:options="{
onBegin: () => {$refs.signaturePad.resizeCanvas()},
images: () => { 'https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy'}
}"
/>这工作很好。当我点击洞穴-我可以画画。
现在，我需要从数据库添加签名到这个画布(在页面重新加载之后)。我可以在php中创建图像。为了进行测试，我尝试添加到画布上：https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy
但它是看不见的
怎么修理呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-23 12:53:42
看看这个演示
...
async mounted() {
fetch("https://a.allegroimg.com/s1024/11837d/f04da35e4213a6f817918924c51f/8BitDo-ADAPTER-GRAJ-PADEM-PS4-XBOX-NA-SWITCH-PC-Sposob-podlaczenia-bezprzewodowy")
.then(raw => raw.blob())
.then(blob => {
const reader = new FileReader();
reader.readAsDataURL(blob)
reader.onloadend = () => {
this.$refs.signaturePad.fromDataURL(reader.result)
}
})
}
...页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71979506
复制相关文章
相似问题
腾讯云开发者
