danak/dpage-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix line and peykan in viwer

Browse Source
This commit is contained in:
hamid zarghami
2026-01-07 10:18:09 +03:30
parent 9237bf0ba4
commit 84b8d3801d
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/viewer/components/BookPage.tsx
+2
View File
@@ -249,6 +249,7 @@ const BookPage = forwardRef<HTMLDivElement, BookPageProps>(({ page, scale = 1 },
// در Konva Line، points به صورت [0, 0, endX - startX, endY - startY] است // در Konva Line، points به صورت [0, 0, endX - startX, endY - startY] است
const startX = (obj.x || 0) * scale; const startX = (obj.x || 0) * scale;
const startY = (obj.y || 0) * scale; const startY = (obj.y || 0) * scale;
// width و height مستقیماً مختصات نقطه پایان هستند
const endX = (obj.width ?? obj.x ?? 0) * scale; const endX = (obj.width ?? obj.x ?? 0) * scale;
const endY = (obj.height ?? obj.y ?? 0) * scale; const endY = (obj.height ?? obj.y ?? 0) * scale;
const dx = endX - startX; const dx = endX - startX;
@@ -279,6 +280,7 @@ const BookPage = forwardRef<HTMLDivElement, BookPageProps>(({ page, scale = 1 },
// در Konva Arrow، points به صورت [0, 0, endX - startX, endY - startY] است // در Konva Arrow، points به صورت [0, 0, endX - startX, endY - startY] است
const startX = (obj.x || 0) * scale; const startX = (obj.x || 0) * scale;
const startY = (obj.y || 0) * scale; const startY = (obj.y || 0) * scale;
// width و height مستقیماً مختصات نقطه پایان هستند
const endX = (obj.width ?? obj.x ?? 0) * scale; const endX = (obj.width ?? obj.x ?? 0) * scale;
const endY = (obj.height ?? obj.y ?? 0) * scale; const endY = (obj.height ?? obj.y ?? 0) * scale;
const dx = endX - startX; const dx = endX - startX;
src/pages/viewer/utils/dataTransformer.ts
+5 -5
View File
@@ -51,15 +51,15 @@ export function transformViewerDataToPages(data: ViewerData): PageData[] {
visible: true, visible: true,
}; };
// برای line و arrow، width و height در viewer-data.json به عنوان اندازه هستند // برای line و arrow، width و height در viewer-data.json به عنوان مختصات انتهایی هستند
// اما در EditorObject به عنوان مختصات انتهایی استفاده می‌شوند // در EditorObject هم به عنوان مختصات انتهایی ذخیره می‌شوند
if (obj.type === 'line' || obj.type === 'arrow') { if (obj.type === 'line' || obj.type === 'arrow') {
// width و height مستقیماً مختصات نقطه پایان هستند
if (obj.width !== undefined) { if (obj.width !== undefined) {
baseObject.width = obj.x + obj.width; baseObject.width = obj.width;
} }
if (obj.height !== undefined) { if (obj.height !== undefined) {
// برای line، height ممکن است ضخامت باشد، اما برای arrow طول عمودی است baseObject.height = obj.height;
baseObject.height = obj.y + obj.height;
} }
} else { } else {
if (obj.width !== undefined) baseObject.width = obj.width; if (obj.width !== undefined) baseObject.width = obj.width;