760fd7b3a6
* feat: support arrow with text * render arrow -> clear rect-> render text * move bound text when linear elements move * fix centering cursor when linear element rotated * fix y coord when new line added and container has 3 points * update text position when 2nd point moved * support adding label on top of 2nd point when 3 points are present * change linear element editor shortcut to cmd+enter and fix tests * scale bound text points when resizing via bounding box * ohh yeah rotation works :) * fix coords when updating text properties * calculate new position after rotation always from original position * rotate the bound text by same angle as parent * don't rotate text and make sure dimensions and coords are always calculated from original point * hardcoding the text width for now * Move the linear element when bound text hit * Rotation working yaay * consider text element angle when editing * refactor * update x2 coords if needed when text updated * simplify * consider bound text to be part of bounding box when hit * show bounding box correctly when multiple element selected * fix typo * support rotating multiple elements * support multiple element resizing * shift bound text to mid point when odd points * Always render linear element handles inside editor after element rendered so point is visible for bound text * Delete bound text when point attached to it deleted * move bound to mid segement mid point when points are even * shift bound text when points nearby deleted and handle segment deletion * Resize working :) * more resize fixes * don't update cache-its breaking delete points, look for better soln * update mid point cache for bound elements when updated * introduce wrapping when resizing * wrap when resize for 2 pointer linear elements * support adding text for linear elements with more than 3 points * export to svg working :) * clip from nearest enclosing element with non transparent color if present when exporting and fill with correct color in canvas * fix snap * use visible elements * Make export to svg work with Mask :) * remove id * mask canvas linear element area where label is added * decide the position of bound text during render * fix coords when editing * fix multiple resize * update cache when bound text version changes * fix masking when rotated * render text in correct position in preview * remove unnecessary code * fix masking when rotating linear element * fix masking with zoom * fix mask in preview for export * fix offsets in export view * fix coords on svg export * fix mask when element rotated in svg * enable double-click to enter text * fix hint * Position cursor correctly and text dimensiosn when height of element is negative * don't allow 2 pointer linear element with bound text width to go beyond min width * code cleanup * fix freedraw * Add padding * don't show vertical align action for linear element containers * Add specs for getBoundTextElementPosition * more specs * move some utils to linearElementEditor.ts * remove only :p * check absoulte coods in test * Add test to hide vertical align for linear eleemnt with bound text * improve export preview * support labels only for arrows * spec * fix large texts * fix tests * fix zooming * enter line editor with cmd+double click * Allow points to move beyond min width/height for 2 pointer arrow with bound text * fix hint for line editing * attempt to fix arrow getting deselected * fix hint and shortcut * Add padding of 5px when creating bound text and add spec * Wrap bound text when arrow binding containers moved * Add spec * remove * set boundTextElementVersion to null if not present * dont use cache when version mismatch * Add a padding of 5px vertically when creating text * Add box sizing content box * Set bound elements when text element created to fix the padding * fix zooming in editor * fix zoom in export * remove globalCompositeOperation and use clearRect instead of fillRect
56 lines
1.5 KiB
TypeScript
56 lines
1.5 KiB
TypeScript
import { Point } from "./types";
|
|
|
|
export const getSizeFromPoints = (points: readonly Point[]) => {
|
|
const xs = points.map((point) => point[0]);
|
|
const ys = points.map((point) => point[1]);
|
|
return {
|
|
width: Math.max(...xs) - Math.min(...xs),
|
|
height: Math.max(...ys) - Math.min(...ys),
|
|
};
|
|
};
|
|
|
|
/** @arg dimension, 0 for rescaling only x, 1 for y */
|
|
export const rescalePoints = (
|
|
dimension: 0 | 1,
|
|
newSize: number,
|
|
points: readonly Point[],
|
|
normalize: boolean,
|
|
): Point[] => {
|
|
const coordinates = points.map((point) => point[dimension]);
|
|
const maxCoordinate = Math.max(...coordinates);
|
|
const minCoordinate = Math.min(...coordinates);
|
|
const size = maxCoordinate - minCoordinate;
|
|
const scale = size === 0 ? 1 : newSize / size;
|
|
|
|
let nextMinCoordinate = Infinity;
|
|
|
|
const scaledPoints = points.map((point): Point => {
|
|
const newCoordinate = point[dimension] * scale;
|
|
const newPoint = [...point];
|
|
newPoint[dimension] = newCoordinate;
|
|
if (newCoordinate < nextMinCoordinate) {
|
|
nextMinCoordinate = newCoordinate;
|
|
}
|
|
return newPoint as unknown as Point;
|
|
});
|
|
|
|
if (!normalize) {
|
|
return scaledPoints;
|
|
}
|
|
|
|
if (scaledPoints.length === 2) {
|
|
// we don't translate two-point lines
|
|
return scaledPoints;
|
|
}
|
|
|
|
const translation = minCoordinate - nextMinCoordinate;
|
|
|
|
const nextPoints = scaledPoints.map(
|
|
(scaledPoint) =>
|
|
scaledPoint.map((value, currentDimension) => {
|
|
return currentDimension === dimension ? value + translation : value;
|
|
}) as [number, number],
|
|
);
|
|
return nextPoints;
|
|
};
|