<style>
* {
-moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;
} /* illustrates proper consideration of element borders */
#Box {
display:block; position:relative;
border:solid 20px white; background:white;
}
svg {
display:block; position:absolute;
width:100px; height:100px;
}
.local { position:absolute }
.document { position:absolute }
.viewport { position:fixed }
</style>
<script context="module">
import { onMount } from 'svelte'
import Conversion from 'svelte-coordinate-conversion'
</script>
<script>
let Box
let localPosition_1, ViewportPosition_1, DocumentPosition_1
let localPosition_2, ViewportPosition_2, DocumentPosition_2
let localPosition_3, ViewportPosition_3, DocumentPosition_3
localPosition_1 = ViewportPosition_1 = DocumentPosition_1 =
localPosition_2 = ViewportPosition_2 = DocumentPosition_2 =
localPosition_3 = ViewportPosition_3 = DocumentPosition_3 = { left:0, top:0 }
onMount(() => {