Hi everyone,
I’m working on a plugin, and when I select an art board, I want to make its image, display it in my plugin UI, and send that image data to the API.
I have data in the form of a Uint8Array. It needs to be converted to an image, which I found is possible if it’s in base64.
I have installed multiple libraries through npm e.g npm install uint8-to-base64 but it fails to load when I do import { base64_arraybuffer } from 'uint8-to-base64' it always says Cannot find module 'base64-arraybuffer-converter' or its corresponding type declarations.ts(2307)
import { base64_arraybuffer } from 'uint8-to-base64';
figma.showUI(__html__);
figma.ui.onmessage = async (msg) => {
const selectedArtboard = figma.currentPage.selection[0];
// Export the artboard as an image buffer.
const imageBuffer = await selectedArtboard.exportAsync({ format: 'PNG' });
// Store the image buffer in a variable.
const image = imageBuffer;
console.log(image)
const ReimageBuffer = new Uint8Array(image)
var dataURL = base64_arraybuffer.ab_2_base64(ReimageBuffer)
console.log(dataURL)
};
While the library is installed and it’s there already, I tried looking up on internet as well
some suggested I should ammed tsconfig.json and add "paths": {."uint8-to-base64":["./node_modules/uint8-base64"] } should solve it but doesn’t help.
Any help in the direction, it feels like i’m close to get this done if I have the image converted into base64 I can display that in the image tag.
Thanks, please do let me know If I have missed anything to mention or If you need any further information.
Thanks again.
