Как использовать библиотеку Watermarkjs с ионным конденсатором?Android

Форум для тех, кто программирует под Android
Ответить Пред. темаСлед. тема
Anonymous
 Как использовать библиотеку Watermarkjs с ионным конденсатором?

Сообщение Anonymous »

Проблема
Привет! Недавно я перенес проект ионной кордовы на ионный конденсатор, следуя этому руководству.
Я у меня все работает, за исключением библиотеки Watermarkjs, которую я использую для нанесения водяных знаков на фотографии, сделанные камерой устройства Android.
До миграции библиотека работала нормально, но теперь каждый раз, когда я использую функции, определенные в этой библиотеке, я получаю этот журнал в Logcat:

Код: Выделить всё

Capacitor: Handling local request: http://localhost/9j/4AAQSkZJRgABAQAAAQABAAD
Похоже, функция вызывается неправильно.
Код

Код: Выделить всё

async takePicture(fieldId){
const image = await Camera.getPhoto({
quality:20,
allowEditing:false,
resultType: CameraResultType.Base64,
source: CameraSource.Prompt
});

let finalImage = await this.addTextWatermark(image.base64String);  //problem begins here

console.log("Image with watermark, " finalImage); // this is never printed out in logcat
}

// Function that adds a watermark
// reference: http://brianium.github.io/watermarkjs/text.html
addTextWatermark(base64String){
let result = await watermark([base64String])
.dataUrl(watermark.text.lowerLeft( 'Watermark text', '48px Josefin Slab', '#ffffff', 0.9) )
.then( image  => {
return image;
}).catch(error => {
return "error";
})
return result;
}
Что я пробовал...
  • Добавление скрипта водяных знаков в angular. json скрипты и запуск копии npx cap, как предложено в этом вопросе StackOverflow

Код: Выделить всё

angular.json
(отрывок)

Код: Выделить всё

{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"defaultProject": "app",
"newProjectRoot": "projects",
"projects": {
"app": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "www",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"assets": [
{
"glob": "**/*",
"input": "src/assets",
"output": "assets"
},
{
"glob": "**/*.svg",
"input": "node_modules/ionicons/dist/ionicons/svg",
"output": "./svg"
}
],
"styles": [
{
"input": "src/theme/variables.scss"
},
{
"input": "src/global.scss"
}
],
"scripts": [
"./node_modules/watermarkjs/dist/watermark.js"  

Подробнее здесь: [url]https://stackoverflow.com/questions/66880449/how-to-use-watermarkjs-library-with-ionic-capacitor[/url]
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Android»