Skip to content

Commit 8a4c23a

Browse files
committed
zoom to fit width
1 parent c7c9016 commit 8a4c23a

3 files changed

Lines changed: 19 additions & 11 deletions

File tree

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "lemniscate",
3-
"version": "0.2.0",
3+
"version": "0.2.1",
44
"license": "MIT",
55
"scripts": {
66
"dev": "vite dev",

src/lib/PDFViewer.svelte

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@
6868
createPluginRegistration(PrintPluginPackage),
6969
createPluginRegistration(ExportPluginPackage),
7070
createPluginRegistration(ZoomPluginPackage, {
71-
defaultZoomLevel: ZoomMode.FitPage,
71+
defaultZoomLevel: ZoomMode.FitWidth,
7272
}),
7373
createPluginRegistration(SpreadPluginPackage, {
7474
defaultSpreadMode: SpreadMode.None
@@ -112,10 +112,11 @@
112112
)
113113
}
114114
115-
export function zoomPdf(op: 'in' | 'out' | 'fit'): void {
115+
export function zoomPdf(op: 'in' | 'out' | 'height' | 'width'): void {
116116
if (op === 'in') zoom!.provides?.zoomIn();
117117
if (op === 'out') zoom!.provides?.zoomOut();
118-
if (op === 'fit') zoom!.provides?.requestZoom(ZoomMode.FitPage)
118+
if (op === 'height') zoom!.provides?.requestZoom(ZoomMode.FitPage);
119+
if (op === 'width') zoom!.provides?.requestZoom(ZoomMode.FitWidth);
119120
}
120121
121122
export function spreadPdf(two: boolean): void {

src/routes/+page.svelte

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,9 @@
2323
DocumentExport,
2424
DocumentImport,
2525
Download,
26+
FitToHeight,
2627
FitToScreen,
28+
FitToWidth,
2729
Help,
2830
Image,
2931
Play,
@@ -33,7 +35,6 @@
3335
Settings,
3436
SidePanelClose,
3537
SplitScreen,
36-
ZoomFit,
3738
ZoomIn,
3839
ZoomOut
3940
} from 'carbon-icons-svelte';
@@ -302,18 +303,24 @@
302303
>
303304
<ZoomOut />
304305
</TooltipDefinition>
305-
<TooltipDefinition
306-
tooltipText='Zoom to Fit'
307-
on:click={() => pdfview.zoomPdf('fit')}
308-
>
309-
<ZoomFit />
310-
</TooltipDefinition>
311306
<TooltipDefinition
312307
tooltipText='Zoom In'
313308
on:click={() => pdfview.zoomPdf('in')}
314309
>
315310
<ZoomIn />
316311
</TooltipDefinition>
312+
<TooltipDefinition
313+
tooltipText='Zoom to Page'
314+
on:click={() => pdfview.zoomPdf('height')}
315+
>
316+
<FitToHeight />
317+
</TooltipDefinition>
318+
<TooltipDefinition
319+
tooltipText='Zoom to Width'
320+
on:click={() => pdfview.zoomPdf('width')}
321+
>
322+
<FitToWidth />
323+
</TooltipDefinition>
317324
<TooltipDefinition
318325
tooltipText='Presentation Mode'
319326
on:click={() => pdfview.fullscreenPdf()}

0 commit comments

Comments
 (0)