Merge pull request #4 from nextml-code/fix-draw-image-no-dimension

fix: drawImage(image, x, y) ignored scale

Author: fippli

example/example.js

@@ -70,10 +70,20 @@ const contextFar = getFarContext2d(document.getElementById("far"), {
 
 image.data.onload = function () {
   function render(ctx) {
-    images.forEach((image) => {
+    images.forEach((image, i) => {
       ctx.save();
 
-      ctx.drawImage(image.data, image.x, image.y, image.width, image.height);
+      if (i == 1) {
+        ctx.drawImage(image.data, image.x, image.y);
+      } else {
+        ctx.drawImage(
+          image.data,
+          image.x,
+          image.y,
+          image.width - i * 32,
+          image.height
+        );
+      }
       ctx.beginPath();
       ctx.strokeStyle = "#803";
       ctx.lineWidth = 1;

src/index.js

@@ -295,7 +295,13 @@ const getFarContext2d = (canvas, { x = 0, y = 0, scale = 1 } = {}) => {
     drawImage(image, ...args) {
       if (args.length === 2) {
         const [dx, dy] = args;
-        return _context.drawImage(image, s.x(dx), s.y(dy));
+        return _context.drawImage(
+          image,
+          s.x(dx),
+          s.y(dy),
+          s.distance(image.width),
+          s.distance(image.height)
+        );
       } else if (args.length === 4) {
         const [dx, dy, dWidth, dHeight] = args;
         return _context.drawImage(