Hermes/refboard-ayon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refboard: export cropped images from visible frame

Browse Source
This commit is contained in:
Hiren Kangad
2026-03-13 13:05:31 +05:30
parent 407fa82915
commit c874e34577
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/canvas/clipboard.ts
+7 -2
View File
@@ -12,6 +12,8 @@ import type { Viewport } from 'pixi-viewport';
import type { Application } from 'pixi.js'; import type { Application } from 'pixi.js';
import type { SceneManager, SceneItem } from './SceneManager'; import type { SceneManager, SceneItem } from './SceneManager';
import { getItemWorldBounds } from './SceneManager'; import { getItemWorldBounds } from './SceneManager';
import { getImageVisibleLocalRect } from './imageTransforms';
import type { ImageObject } from './scene-format';
import { uploadImage } from '../api'; import { uploadImage } from '../api';
/** /**
@@ -88,8 +90,11 @@ export async function writeCanvasToClipboard(
let maxRatio = 1; let maxRatio = 1;
for (const item of items) { for (const item of items) {
const tex = (item.displayObject as any)?.texture; const tex = (item.displayObject as any)?.texture;
if (tex && tex.width > 1 && item.data.w > 1) { const displayW = item.type === 'image'
maxRatio = Math.max(maxRatio, tex.width / item.data.w); ? getImageVisibleLocalRect(item.data as ImageObject).w
: item.data.w;
if (tex && tex.width > 1 && displayW > 1) {
maxRatio = Math.max(maxRatio, tex.width / displayW);
} }
} }
const resolution = Math.min(Math.max(maxRatio, window.devicePixelRatio || 1), 4); const resolution = Math.min(Math.max(maxRatio, window.devicePixelRatio || 1), 4);
frontend/src/canvas/export.ts
+12 -4
View File
@@ -8,6 +8,8 @@ import type { Viewport } from 'pixi-viewport';
import type { Application } from 'pixi.js'; import type { Application } from 'pixi.js';
import type { SceneItem } from './SceneManager'; import type { SceneItem } from './SceneManager';
import { getItemWorldBounds } from './SceneManager'; import { getItemWorldBounds } from './SceneManager';
import { getImageVisibleLocalRect } from './imageTransforms';
import type { ImageObject } from './scene-format';
export interface ExportOptions { export interface ExportOptions {
format: 'png' | 'jpeg' | 'webp'; format: 'png' | 'jpeg' | 'webp';
@@ -68,8 +70,11 @@ function renderToCanvas(
let maxRatio = 1; let maxRatio = 1;
for (const item of items) { for (const item of items) {
const tex = (item.displayObject as any)?.texture; const tex = (item.displayObject as any)?.texture;
if (tex && tex.width > 1 && item.data.w > 1) { const displayW = item.type === 'image'
maxRatio = Math.max(maxRatio, tex.width / item.data.w); ? getImageVisibleLocalRect(item.data as ImageObject).w
: item.data.w;
if (tex && tex.width > 1 && displayW > 1) {
maxRatio = Math.max(maxRatio, tex.width / displayW);
} }
} }
const resolution = Math.min(maxRatio * scale, 8); // cap at 8x to avoid GPU limits const resolution = Math.min(maxRatio * scale, 8); // cap at 8x to avoid GPU limits
@@ -176,8 +181,11 @@ export function getExportDimensions(
let maxRatio = 1; let maxRatio = 1;
for (const item of items) { for (const item of items) {
const tex = (item.displayObject as any)?.texture; const tex = (item.displayObject as any)?.texture;
if (tex && tex.width > 1 && item.data.w > 1) { const displayW = item.type === 'image'
maxRatio = Math.max(maxRatio, tex.width / item.data.w); ? getImageVisibleLocalRect(item.data as ImageObject).w
: item.data.w;
if (tex && tex.width > 1 && displayW > 1) {
maxRatio = Math.max(maxRatio, tex.width / displayW);
} }
} }
const resolution = Math.min(maxRatio * scale, 8); const resolution = Math.min(maxRatio * scale, 8);