git.r.bdr.sh - rbdr/canvas/blob - src/lib/stores/canvas.js

   1 import { browser } from '$app/environment';
   2 import { derived, writable } from 'svelte/store';
   3
   4 export const canvas = writable({ x: 0, y: 0 });
   5
   6 export const topLeft = derived(canvas, ($canvas) => {
   7         if (browser) {
   8                 return {
   9                         x: $canvas.x - window.screen.width / 2,
  10                         y: $canvas.y - window.screen.height / 2
  11                 };
  12         }
  13         return { x: 0, y: 0 };
  14 });
  15
  16 export const bottomRight = derived(canvas, ($canvas) => {
  17         if (browser) {
  18                 return {
  19                         x: $canvas.x + window.screen.width / 2,
  20                         y: $canvas.y + window.screen.height / 2
  21                 };
  22         }
  23         return { x: 0, y: 0 };
  24 });