Script: svg to occt

svg to occt picture
Type
Rete logo indicatorrete
Date Created
Jun 26, 2026, 1:05:27 PM
Last Edit Date
Jun 26, 2026, 3:29:46 PM

Project Information

Examples on how to convert SVG to an OCCT shapes

View Full Project

Script Code

{
  "id": "rete-v2-json",
  "nodes": {
    "5e1cd1ca148cb7f2": {
      "id": "5e1cd1ca148cb7f2",
      "name": "bitbybit.text.areaCreate",
      "customName": "text area",
      "async": false,
      "drawable": false,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "options": {},
        "text": "<svg fill=\"#000000\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\" id=\"Layer_1\" data-name=\"Layer 1\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"></g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></g><g id=\"SVGRepo_iconCarrier\"><path d=\"M8.49,12.68v4.61c0,.34,.23,.61,.53,.71v5.48c0,.13-.14,3.21,1.88,5.34,1.22,1.28,2.93,1.94,5.09,1.94s3.88-.65,5.09-1.94c2.02-2.13,1.89-5.21,1.88-5.3v-5.52c.3-.1,.53-.37,.53-.71v-4.61c1.71-.69,2.92-2.36,2.92-4.32,0-2.57-2.09-4.67-4.67-4.67-.49,0-.98,.08-1.46,.23-1.09-1.67-2.93-2.68-4.94-2.68s-3.68,.91-4.79,2.46c-2.74-.22-5.01,1.96-5.01,4.65,0,1.96,1.21,3.63,2.92,4.32Zm11.51,15.11c-.92,.97-2.27,1.46-4,1.46s-3.07-.49-4-1.46c-1.58-1.66-1.48-4.21-1.48-4.28v-5.48h10.96v5.51s.1,2.58-1.48,4.24Zm2.01-14.77v3.51H9.99v-3.51h12.02ZM10.23,5.19c.21,0,.4,.02,.59,.05,.3,.05,.61-.09,.77-.35,.81-1.34,2.22-2.15,3.78-2.15,1.68,0,3.19,.94,3.95,2.45,.09,.18,.25,.31,.43,.38,.19,.06,.39,.05,.57-.04,.45-.23,.95-.35,1.44-.35,1.75,0,3.17,1.42,3.17,3.17s-1.42,3.17-3.17,3.17H10.23c-1.75,0-3.17-1.42-3.17-3.17s1.42-3.17,3.17-3.17Z\"></path><path d=\"M14.26,5.25c1.5,.28,2.59,1.59,2.59,3.11,0,.41,.34,.75,.75,.75s.75-.34,.75-.75c0-2.24-1.6-4.17-3.81-4.59-.4-.07-.8,.19-.88,.6-.08,.41,.19,.8,.6,.88Z\"></path><circle cx=\"13.32\" cy=\"20.07\" r=\"1.25\"></circle><circle cx=\"18.68\" cy=\"20.07\" r=\"1.25\"></circle><path d=\"M17.56,24.5h-3.12c-.41,0-.75,.34-.75,.75s.34,.75,.75,.75h3.12c.41,0,.75-.34,.75-.75s-.34-.75-.75-.75Z\"></path></g></svg>"
      },
      "inputs": {},
      "position": [
        -696.7689258756345,
        482.4832062060071
      ]
    },
    "b6a4ab2a16c5de6d": {
      "id": "b6a4ab2a16c5de6d",
      "name": "bitbybit.occt.svg.loadSVG",
      "customName": "load SVG",
      "async": true,
      "drawable": true,
      "data": {
        "genericNodeData": {
          "hide": true,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "svg": "<svg width=\"19.125pt\" height=\"19.125pt\" viewBox=\"0 0 19.125 19.125\" overflow=\"visible\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M11.122705,15.698935 L15.272235,15.698935 C15.57419,15.729545 15.91649,15.387245 15.88588,15.08529 L15.88588,4.039708 C15.91649,3.737754 15.57419,3.395453 15.272235,3.426065 L9.572815,3.426065 C9.27086,3.395453 8.92856,3.737754 8.95917,4.039708 L8.95917,6.945415 C8.95604,7.118435 9.042725,7.30507 9.17695,7.414295 C9.30713,7.528305 9.50566,7.58247 9.675705,7.55037 C10.575375,7.32287 11.76631,8.055895 11.96849,8.96159 C12.311025,9.824045 11.739055,11.10017 10.86733,11.418385 C10.660165,11.503245 10.50001,11.752675 10.509065,11.976365 L10.509065,15.08529 C10.47845,15.387245 10.82075,15.729545 11.122705,15.698935 z\" stroke=\"#f0cebb\" stroke-width=\"0.5\" fill-opacity=\"0\" /><path d=\"M8.913155,15.698935 L4.226653,15.698935 C3.924699,15.729545 3.582398,15.387245 3.613009,15.08529 L3.613009,4.039708 C3.582398,3.737754 3.924699,3.395453 4.226653,3.426065 L7.36326,3.426065 C7.665215,3.395453 8.00752,3.737754 7.976905,4.039708 L7.976905,9.5625 C7.9468,10.306505 8.479485,11.13613 9.16853,11.418385 C9.375695,11.503245 9.53585,11.752675 9.5268,11.976365 L9.5268,15.08529 C9.55741,15.387245 9.21511,15.729545 8.913155,15.698935 z\" stroke=\"#f0cebb\" stroke-width=\"0.5\" fill-opacity=\"0\" /></svg>",
        "faceStrategy": "auto",
        "makeRibbons": false,
        "includeInvisible": false,
        "joinSegments": false,
        "tolerance": 0.1,
        "scale": 1,
        "flipY": true,
        "alignment": "midMid",
        "direction": [
          0,
          1,
          0
        ],
        "center": [
          0,
          0,
          0
        ]
      },
      "inputs": {
        "svg": {
          "connections": [
            {
              "node": "5e1cd1ca148cb7f2",
              "output": "result",
              "data": {}
            }
          ]
        }
      },
      "position": [
        -291.85772757779796,
        480.88861341739175
      ]
    },
    "0d063a055933561a": {
      "id": "0d063a055933561a",
      "name": "bitbybit.occt.operations.extrude",
      "customName": "extrude",
      "async": true,
      "drawable": true,
      "data": {
        "genericNodeData": {
          "hide": true,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "direction": [
          0,
          3,
          0
        ]
      },
      "inputs": {
        "shape": {
          "connections": [
            {
              "node": "b6a4ab2a16c5de6d",
              "output": "result",
              "data": {}
            }
          ]
        }
      },
      "position": [
        50.43365369544297,
        480.5570533758199
      ]
    },
    "52c5e302841399d6": {
      "id": "52c5e302841399d6",
      "name": "bitbybit.draw.drawAnyAsync",
      "customName": "draw any async",
      "async": true,
      "drawable": true,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        }
      },
      "inputs": {
        "options": {
          "connections": [
            {
              "node": "db2eba5d1a2cf20d",
              "output": "result",
              "data": {}
            }
          ]
        },
        "entity": {
          "connections": [
            {
              "node": "0d063a055933561a",
              "output": "result",
              "data": {}
            }
          ]
        }
      },
      "position": [
        636.0732141759545,
        660.1622190648106
      ]
    },
    "db2eba5d1a2cf20d": {
      "id": "db2eba5d1a2cf20d",
      "name": "bitbybit.draw.optionsOcctShapeSimple",
      "customName": "options occt shape simple",
      "async": false,
      "drawable": false,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "precision": 0.01,
        "drawFaces": true,
        "faceColour": "#ff47f9",
        "drawEdges": true,
        "edgeColour": "#ffffff",
        "edgeWidth": 2,
        "drawTwoSided": false,
        "backFaceColour": "#0000ff",
        "backFaceOpacity": 1
      },
      "inputs": {},
      "position": [
        58.64347987161298,
        836.0726983121722
      ]
    },
    "d77838f27f07f74d": {
      "id": "d77838f27f07f74d",
      "name": "bitbybit.occt.shapes.face.createCircleFace",
      "customName": "circle face",
      "async": true,
      "drawable": true,
      "data": {
        "genericNodeData": {
          "hide": true,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "radius": 20,
        "center": [
          0,
          0,
          0
        ],
        "direction": [
          0,
          1,
          0
        ]
      },
      "inputs": {},
      "position": [
        -129.69983133507,
        -497.23920670409905
      ]
    },
    "38a78514ca1ae430": {
      "id": "38a78514ca1ae430",
      "name": "bitbybit.draw.drawAnyAsync",
      "customName": "draw any async",
      "async": true,
      "drawable": true,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        }
      },
      "inputs": {
        "options": {
          "connections": [
            {
              "node": "004194cf3a973984",
              "output": "result",
              "data": {}
            }
          ]
        },
        "entity": {
          "connections": [
            {
              "node": "d77838f27f07f74d",
              "output": "result",
              "data": {}
            }
          ]
        }
      },
      "position": [
        617.8087635839162,
        -261.58808656432905
      ]
    },
    "004194cf3a973984": {
      "id": "004194cf3a973984",
      "name": "bitbybit.draw.optionsOcctShapeSimple",
      "customName": "options occt shape simple",
      "async": false,
      "drawable": false,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "precision": 0.01,
        "drawFaces": true,
        "faceColour": "#1a47ff",
        "drawEdges": true,
        "edgeColour": "#ffffff",
        "edgeWidth": 2,
        "drawTwoSided": false,
        "backFaceColour": "#0000ff",
        "backFaceOpacity": 1
      },
      "inputs": {},
      "position": [
        -209.24274885063352,
        -161.10946157695747
      ]
    },
    "75f3e4fd3eb81f00": {
      "id": "75f3e4fd3eb81f00",
      "name": "bitbybit.babylon.scene.drawDirectionalLight",
      "customName": "draw directional light",
      "async": false,
      "drawable": false,
      "data": {
        "genericNodeData": {
          "hide": false,
          "oneOnOne": false,
          "flatten": 0,
          "forceExecution": false
        },
        "direction": [
          -100,
          -100,
          -100
        ],
        "intensity": 3,
        "diffuse": "#ffffff",
        "specular": "#ffffff",
        "shadowGeneratorMapSize": 1024,
        "enableShadows": true,
        "shadowDarkness": 0,
        "shadowUsePercentageCloserFiltering": true,
        "transparencyShadow": false,
        "shadowContactHardeningLightSizeUVRatio": 0.2,
        "shadowBias": 0.0001,
        "shadowNormalBias": 0.002,
        "shadowMaxZ": 1000,
        "shadowMinZ": 0,
        "shadowRefreshRate": 1
      },
      "inputs": {},
      "position": [
        -13.593282839195581,
        1921.5261130382974
      ]
    }
  },
  "modules": {}
}
Plans & Pricing

Choose Your Plan

Editor plans for 3D development, API keys for server-side CAD algorithms

B2B

ENTERPRISE

Custom pricing

Custom software development, dedicated servers & CAD automation at scale.

CAD Automation & Software
  • Custom software development
  • Cloud CAD automation pipelines
  • 3D configurators (STEP & GLTF)
  • Batch export jobs
  • Custom algorithms & deployment
Infrastructure & Support
  • Custom compute allocation
  • Dedicated / VPS server tenants
  • Long-running computation jobs
  • Custom upload limits & overage
  • SLA & premium support