PHP to JSON

[Ybelyavsky]

Hi!
I want to generate objects on the PHP side, transfer them to JSON and display them on the page.
I don't understand what the problem is, the paths are displayed, but there is no model.

 // PHP
         return [
            'models' => [
                'myModel' => [
                    'type' => 'rectangle',
                    'origin' => [0, 0],
                    'width' => 100,
                    'height' => 200
                ]
            ]
        ];
        
// HTML
<div id="dieline" data-dieline="{{ json_encode($dieline) }}"></div>

// JS
import makerjs from "makerjs";

let div       = document.getElementById('dieline');
let dieline = div.dataset.dieline;
dieline       = JSON.parse(dieline);

let svg       = makerjs.exporter.toSVG(dieline);
div.innerHTML = svg;


 // the object in the console
 {
    "models": {
        "myModel": {
            "type": "rectangle",
            "origin": [
                0,
                0
            ],
            "width": 100,
            "height": 200
        }
    }
}

// svg
<svg xmlns="http://www.w3.org/2000/svg"><g id="svgGroup" stroke-linecap="round" fill-rule="evenodd" font-size="9pt" stroke="#000" stroke-width="0.25mm" fill="none" style="stroke:#000;stroke-width:0.25mm;fill:none"></g></svg>

[danmarshall]

Hello, the final drawing is made up of paths. Here's the json from the rectangle example:

{
  "models": {
    "example": {
      "paths": {
        "ShapeLine1": {
          "type": "line",
          "origin": [
            0,
            0
          ],
          "end": [
            50,
            0
          ]
        },
        "ShapeLine2": {
          "type": "line",
          "origin": [
            50,
            0
          ],
          "end": [
            50,
            100
          ]
        },
        "ShapeLine3": {
          "type": "line",
          "origin": [
            50,
            100
          ],
          "end": [
            0,
            100
          ]
        },
        "ShapeLine4": {
          "type": "line",
          "origin": [
            0,
            100
          ],
          "end": [
            0,
            0
          ]
        }
      }
    }
  },
  "origin": [
    0,
    0
  ]
}

So your model object will need to generate the paths object.

[Ybelyavsky]

You wrote above that it is impossible to create a rectangle as an object, only as elements.
If I want to perform operations, turn it around. transfer it, then, respectively, too, only directly in JS?
I want to make a drawing on the backend, and the frontend only displays the content based on json.

[Ybelyavsky]

An example of a drawing that I want to generate on the backend side and pass in json.

[Ybelyavsky]

in the format below - when object/model parameters are created, is it impossible to work with json?

{
    "models": {
        "myRectangle": {
            "type": "rectangle",
            "width": 100,
            "height": 50,
            "origin": [0, 0]
        }
    }
}

[danmarshall]

You can use maker.js on the backend, in node.js - from php you’d probably need to spawn a shell command.

Your example json:

{
    "models": {
        "myRectangle": {
            "type": "rectangle",
            "width": 100,
            "height": 50,
            "origin": [0, 0]
        }
    }
}

Is not in the schema that maker.js uses. Maker.js does have concepts like Rectangle but that is code driven, and not in declarative json. When using json directly you will be working at a low level with the 3 primitives: line, circle and arc.