@live-change/image-frontend 0.2.20 → 0.2.21

package/front/src/Image.vue

@@ -96,14 +96,20 @@
   function getSuffix() {
     if(props.noResize) return ''
     const domSize = stableDomSize.value
+    let width = (domSize.width * dpr)|0
+    let height = (domSize.height * dpr)|0
+    if(imageData.value) {
+      width = Math.min(width, imageData.value.width)
+      height = Math.min(height, imageData.value.height)
+    }
     if(props.domResize && domSize) {
       console.log("DOM SIZE", domSize)
       if(props.domResize == 'width') {
-        return `/width-${(domSize.width * dpr)|0}`
+        return `/width-${width}`
       } else if(props.domResize == 'height') {
-        return `/height-${(domSize.height * dpr)|0}`
+        return `/height-${height}`
       } else {
-        return `/rect-${(domSize.width * dpr)|0}-${(domSize.height * dpr)|0}`
+        return `/rect-${width}-${height}`
       }
     }
     if(props.width && props.height) return `/rect-${(props.width*dpr)|0}-${(props.height*dpr)|0}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/image-frontend",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "scripts": {
     "memDev": "lcli memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -62,5 +62,5 @@
   "author": "",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "b1a34a42020c245b4e764d0df175cdde846d0e6e"
+  "gitHead": "c26408cfdc9dfb20a45127dbee1751258edaf4da"
 }