park2965
diff --git a/‎js/load-image.js‎
Lines changed: 13 additions & 4 deletions b/‎js/load-image.js‎
Lines changed: 13 additions & 4 deletions
@@ -165,15 +165,16 @@
     var sourceHeight
     var sourceX
     var sourceY
+    var devicePixelRatio
     var tmp
     function scaleUp () {
       var scale = Math.max(
         (minWidth || destWidth) / destWidth,
         (minHeight || destHeight) / destHeight
       )
       if (scale > 1) {
-        destWidth = destWidth * scale
-        destHeight = destHeight * scale
+        destWidth *= scale
+        destHeight *= scale
       }
     }
     function scaleDown () {
@@ -182,8 +183,8 @@
         (maxHeight || destHeight) / destHeight
       )
       if (scale < 1) {
-        destWidth = destWidth * scale
-        destHeight = destHeight * scale
+        destWidth *= scale
+        destHeight *= scale
       }
     }
     if (useCanvas) {
@@ -242,6 +243,14 @@
       }
     }
     if (useCanvas) {
+      devicePixelRatio = window.devicePixelRatio || 1
+      if (devicePixelRatio > 1) {
+        canvas.style.width = destWidth + 'px'
+        canvas.style.height = destHeight + 'px'
+        destWidth *= devicePixelRatio
+        destHeight *= devicePixelRatio
+        canvas.getContext('2d').scale(devicePixelRatio, devicePixelRatio)
+      }
       canvas.width = destWidth
       canvas.height = destHeight
       loadImage.transformCoordinates(
Original file line number	Diff line number	Diff line change
`@@ -165,15 +165,16 @@`
`165`	`165`	`var sourceHeight`
`166`	`166`	`var sourceX`
`167`	`167`	`var sourceY`
	`168`	`+ var devicePixelRatio`
`168`	`169`	`var tmp`
`169`	`170`	`function scaleUp () {`
`170`	`171`	`var scale = Math.max(`
`171`	`172`	`(minWidth \|\| destWidth) / destWidth,`
`172`	`173`	`(minHeight \|\| destHeight) / destHeight`
`173`	`174`	`)`
`174`	`175`	`if (scale > 1) {`
`175`		`- destWidth = destWidth * scale`
`176`		`- destHeight = destHeight * scale`
	`176`	`+ destWidth *= scale`
	`177`	`+ destHeight *= scale`
`177`	`178`	`}`
`178`	`179`	`}`
`179`	`180`	`function scaleDown () {`
`@@ -182,8 +183,8 @@`
`182`	`183`	`(maxHeight \|\| destHeight) / destHeight`
`183`	`184`	`)`
`184`	`185`	`if (scale < 1) {`
`185`		`- destWidth = destWidth * scale`
`186`		`- destHeight = destHeight * scale`
	`186`	`+ destWidth *= scale`
	`187`	`+ destHeight *= scale`
`187`	`188`	`}`
`188`	`189`	`}`
`189`	`190`	`if (useCanvas) {`
`@@ -242,6 +243,14 @@`
`242`	`243`	`}`
`243`	`244`	`}`
`244`	`245`	`if (useCanvas) {`
	`246`	`+ devicePixelRatio = window.devicePixelRatio \|\| 1`
	`247`	`+ if (devicePixelRatio > 1) {`
	`248`	`+ canvas.style.width = destWidth + 'px'`
	`249`	`+ canvas.style.height = destHeight + 'px'`
	`250`	`+ destWidth *= devicePixelRatio`
	`251`	`+ destHeight *= devicePixelRatio`
	`252`	`+ canvas.getContext('2d').scale(devicePixelRatio, devicePixelRatio)`
	`253`	`+ }`
`245`	`254`	`canvas.width = destWidth`
`246`	`255`	`canvas.height = destHeight`
`247`	`256`	`loadImage.transformCoordinates(`