Spaces:
Sleeping
Sleeping
File size: 1,930 Bytes
60f878e | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | import {
getHitElementByPoint,
getSelectedElements,
PlaitBoard,
Point,
} from '@plait/core';
import { DataURL } from '../types';
import { getDataURL } from './blob';
import { MindElement, MindTransforms } from '@plait/mind';
import { DrawTransforms } from '@plait/draw';
import { getElementOfFocusedImage } from '@plait/common';
export const loadHTMLImageElement = (dataURL: DataURL) => {
return new Promise<HTMLImageElement>((resolve, reject) => {
const image = new Image();
image.onload = () => {
resolve(image);
};
image.onerror = (error) => {
reject(error);
};
image.src = dataURL;
});
};
export const buildImage = (
image: HTMLImageElement,
dataURL: DataURL,
maxWidth: number
) => {
const width = image.width > maxWidth ? maxWidth : image.width;
const height = (width / image.width) * image.height;
return {
url: dataURL,
width,
height,
};
};
export const insertImage = async (
board: PlaitBoard,
imageFile: File,
startPoint?: Point,
isDrop?: boolean
) => {
const selectedElement =
getSelectedElements(board)[0] || getElementOfFocusedImage(board);
const defaultImageWidth = selectedElement ? 240 : 400;
const dataURL = await getDataURL(imageFile);
const image = await loadHTMLImageElement(dataURL);
const imageItem = buildImage(image, dataURL, defaultImageWidth);
const element = startPoint && getHitElementByPoint(board, startPoint);
if (isDrop && element && MindElement.isMindElement(board, element)) {
MindTransforms.setImage(board, element as MindElement, imageItem);
return;
}
if (
selectedElement &&
MindElement.isMindElement(board, selectedElement) &&
!isDrop
) {
MindTransforms.setImage(board, selectedElement as MindElement, imageItem);
} else {
DrawTransforms.insertImage(board, imageItem, startPoint);
}
};
|