fix nonsquare images can't be loaded correctly.

Author: dnek

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pietron",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Cross-platform IDE for Piet.",
   "main": "src/main.js",
   "repository": {

src/canvas.js

@@ -65,7 +65,7 @@ const createCanvas = (width, height) => {
 
 const createFromBitmap = bitmap => {
   bitmap = transpose(bitmap);
-  const [width, height] = [bitmap.length, bitmap[0].length];
+  const [height, width] = [bitmap.length, bitmap[0].length];
   setCanvasWidth(width, false);
   setCanvasHeight(height, false);
   for (let i = 0; i < height; i++) {

src/file.js

@@ -72,8 +72,7 @@ const fileToBitmap = async path => {
   for (let i = 0; i < fieldWidth; i++) {
     const row = [];
     for (let j = 0; j < fieldHeight; j++) {
-      // const hex = img.bitmap.data.readUInt32BE(img.getPixelIndex(i * codelSize, j * codelSize));
-      const hex = img.getPixelColor(i * codelSize, j * codelSize);
+      const hex = img.bitmap.data.readUInt32BE(img.getPixelIndex(i * codelSize, j * codelSize));
       const color = hexToPietColor(hex);
       row.push(color > -1 ? color : 18);
     }