Загрузить подпись в vue-signature-pad

Я новичок в 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

а его не видно :(

Как я могу его отремонтировать?

Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Сравнение структур данных: Массивы и объекты в Javascript
Сравнение структур данных: Массивы и объекты в Javascript
Итак, вы изучили основы JavaScript и хотите перейти к изучению структур данных. Мотивация для изучения/понимания Структур данных может быть разной,...
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Создание собственной системы электронной коммерции на базе Keystone.js - настройка среды и базовые модели
Прошлая статья была первой из цикла статей о создании системы электронной коммерции с использованием Keystone.js, и она была посвящена главным образом...
Приложение для отслеживания бюджета на React js для начинающих
Приложение для отслеживания бюджета на React js для начинающих
Обучение на практике - это проверенная тема для достижения успеха в любой области. Если вы знаете контекст фразы "Практика делает человека...
Стоит ли использовать React в 2022 году?
Стоит ли использовать React в 2022 году?
В 2022 году мы все слышим о трендах фронтенда (React, Vue), но мы не знаем, почему мы должны использовать эти фреймворки, когда их использовать, а...
0
0
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Взгляните на это демо

...
  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)
      }
    })
  }
...

его ошибка возврата: [Vue warn]: ошибка в смонтированном хуке: «ReferenceError: не удается найти переменную: regeneratorRuntime», найденная в ---> <EditTask> в src/views/task/EditTask.vue <Anonymous> <CWrapper > <TheContainer> в src/containers/TheContainer.vue <App> в src/App.vue <Root>

traks 23.04.2022 22:28

С этим не связано. Создайте новый вопрос.

tauzN 23.04.2022 22:40

@taunzN не могли бы вы помочь мне в этой теме: stackoverflow.com/questions/71996273/… ?

traks 25.04.2022 10:07

Другие вопросы по теме