diff --git a/src/components/PageView.svelte b/src/components/PageView.svelte index d1d8ab2..e6d5fde 100644 --- a/src/components/PageView.svelte +++ b/src/components/PageView.svelte @@ -7,8 +7,15 @@ import ContentModel from "../models/ContentModel.svelte"; let {fState, height}: {fState: FileViewState, height: number} = $props(); - let state: PageViewState | undefined = $derived(fState.pageViewState); + let state: PageViewState = new PageViewState(fState, render); let contents: ContentModel | undefined = $derived(state?.contents) + let display: HTMLCanvasElement; + fState.pageViewState = state; + + function render() { + console.log("render", display) + state.loadImage(display); + } {#if state} @@ -19,7 +26,7 @@ - + {:else } diff --git a/src/components/RenderedPageView.svelte b/src/components/RenderedPageView.svelte index 6d4985a..134e6df 100644 --- a/src/components/RenderedPageView.svelte +++ b/src/components/RenderedPageView.svelte @@ -1,20 +1,21 @@
- {#if !img} -
- -
- {:else} - - {/if} + + + + + + + + + +