local image starting with file:// won't work #218

Activity

1. JimmyDaddy commented on Feb 9, 2024

   

   JimmyDaddy

   on Feb 9, 2024

   Owner

   More actions

   Hello @pierroo, can you provide me a sample code about how you use the library?
2. pierroo commented on Feb 9, 2024

   

   pierroo

   on Feb 9, 2024

   Author

   More actions

   Of course @JimmyDaddy , here it is:

   viewShotRefs?.current
           .capture()
           .then(async uri => {
             console.log('view shot: ', uri);
             ImageMarker.markText({
               src: uri, // file://
               text: 'blablabla'
                 }`,
               scale: 1,
               quality: 100,
               saveFormat: 'base64',
               position: 'bottomRight',
               color: '#ffffff',
               fontSize: 36,
               shadowStyle: {
                 dx: 1,
                 dy: 1,
                 radius: 10,
                 color: '#000000',
               },
             })
               .then(res => {
                 goShare(res);
               })
               .catch(err => {
                 console.log('error marking img: ', err);
               });
           })
           .catch(e => {
             console.log('could not capture full canvas: ', e);
           });
   
3. JimmyDaddy commented on Feb 9, 2024

   

   JimmyDaddy

   on Feb 9, 2024

   Owner

   More actions

   @pierroo the API has been changed in v1.x.x, you should modify you code like below

     viewShotRefs?.current
       .capture()
       .then(async (uri) => {
         console.log('view shot: ', uri);
         try {
           const markRes = await ImageMarker.markText({
             backgroundImage: {
               src: uri,
               scale: 1,
             },
             watermarkTexts: [
               {
                 text: 'blablabla',
                 position: {
                   position: Position.bottomRight,
                 },
                 style: {
                   color: '#ffffff',
                   fontSize: 36,
                   shadowStyle: {
                     dx: 1,
                     dy: 1,
                     radius: 10,
                     color: '#000000',
                   },
                 },
               },
             ],
             scale: 1,
             quality: 100,
             saveFormat: ImageFormat.base64,
           });
           goShare(markRes);
         } catch (err) {
           console.log('error marking img: ', err);
         }
       })
       .catch((e) => {
         console.log('could not capture full canvas: ', e);
       });

   document here
4. Repository owner locked and limited conversation to collaborators on Feb 9, 2024
5. JimmyDaddy

   converted this issue into a discussion #219 on Feb 9, 2024