# Error with drawing tool

**URL:** <https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 31, 2025, 3:09am UTC](https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849 "2025-10-31T03:09:34Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![alejandroxgodoy](https://avatars.discourse-cdn.com/v4/letter/a/b2d939/32.png) [@alejandroxgodoy](https://forum.inductiveautomation.com/u/alejandroxgodoy)\
**Post date:** [October 31, 2025, 3:09am UTC](https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849/1 "2025-10-31T03:09:34Z")

</div>

Hi,

any can helpme with this.

i have problem with the drawing tool in perspective. the window interface won't load to edit components

 ![Sin título](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/4/04e45e0a638e3cc48db58993ab0134355ebd7e81.jpeg)

Regards

---

<div class="post-metadata">

**Author:** ![mperkins](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mperkins/32/71722_2.png) [@mperkins](https://forum.inductiveautomation.com/u/mperkins)\
**Post date:** [October 31, 2025, 4:23am UTC](https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849/2 "2025-10-31T04:23:05Z")

</div>

Hi, can you provide a copy of the Drawing Component with the issue? (Within the Designer, select the Drawing Component, copy it, and paste it here)

Another useful diagnostic is to check for console errors within the Drawing Editor by clicking tools → developer tools in the top menu

---

<div class="post-metadata">

**Author:** ![alejandroxgodoy](https://avatars.discourse-cdn.com/v4/letter/a/b2d939/32.png) [@alejandroxgodoy](https://forum.inductiveautomation.com/u/alejandroxgodoy)\
**Post date:** [November 7, 2025, 1:45am UTC](https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849/3 "2025-11-07T01:45:57Z")

</div>

Hi mperkins,

Thanks for helping me, i cant edit nothing drawing. I used to be able to do it, suddenly now I can't. I don't know if it's because I'm now accessing from an external domain via https

Regards

```json
[{
        "type": "ia.shapes.svg",
        "version": 0,
        "props": {
            "viewBox": "0 0 874 999",
            "elements": [{
                    "d": "M874,717 l-874,0 0,188 874,0 0,-188z",
                    "nksfill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M7,858 l859,0 0,39 -859,0 0,-39z",
                    "fill": {
                        "paint": "#4c4c4c"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M124,0 l625,0 0,312 -625,0 0,-312z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M218,952 l-94,-16 0,-250 94,-15 0,281z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M218,624 l437,0 0,375 -437,0 0,-375z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M655,952 l94,-16 -1,-250 -93,-15 0,281z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M249,530 l375,0 0,-125 -375,0 0,125z",
                    "fill": {
                        "paint": "#000"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M343,405 l187,0 0,-93 -187,0 0,93z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M312,624 l249,0 0,-94 -249,0 0,94z",
                    "fill": {
                        "paint": "#7f7f7f"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M187,30 l499,0 0,250 -499,0 0,-250z",
                    "fill": {
                        "paint": "#333"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M249,109 l375,0 0,93 -375,0 0,-93z",
                    "fill": {
                        "paint": "#ff9"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M631,109 l-7,-7 -375,0 0,14 375,0 -7,-7 14,0 0,-7 -7,0z",
                    "fill": {
                        "paint": "#000"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M624,209 l7,-7 0,-93 -14,0 0,93 7,-7 0,14 7,0 0,-7z",
                    "fill": {
                        "paint": "#000"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M242,202 l7,7 375,0 0,-14 -375,0 7,7 -14,0 0,7 7,0z",
                    "fill": {
                        "paint": "#000"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M249,102 l-7,7 0,93 14,0 0,-93 -7,7 0,-14 -7,0 0,7z",
                    "fill": {
                        "paint": "#000"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M327,624 l0,-16 47,-62 125,0 47,62 0,16 -219,0z",
                    "fill": {
                        "paint": "#ccc"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "cx": "717",
                    "cy": "30",
                    "fill": {
                        "paint": "#666"
                    },
                    "name": "circle",
                    "r": "15",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "circle"
                }, {
                    "cx": "717",
                    "cy": "280",
                    "fill": {
                        "paint": "#666"
                    },
                    "name": "circle",
                    "r": "15",
                    "type": "circle"
                }, {
                    "cx": "156",
                    "cy": "30",
                    "fill": {
                        "paint": "#666"
                    },
                    "name": "circle",
                    "r": "16",
                    "type": "circle"
                }, {
                    "cx": "156",
                    "cy": "280",
                    "fill": {
                        "paint": "#666"
                    },
                    "name": "circle",
                    "r": "16",
                    "type": "circle"
                }, {
                    "d": "M717,46 l0,-31",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M733,30 l-32,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "cx": "717",
                    "cy": "280",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "circle",
                    "r": "15",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "circle"
                }, {
                    "d": "M717,296 l0,-31",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M733,280 l-32,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "cx": "156",
                    "cy": "30",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "circle",
                    "r": "16",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "circle"
                }, {
                    "d": "M156,46 l0,-31",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M171,30 l-31,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "cx": "156",
                    "cy": "280",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "circle",
                    "r": "16",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "circle"
                }, {
                    "d": "M156,296 l0,-31",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M171,280 l-31,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#4c4c4c",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M249,421 l375,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#7f7f7f",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M624,514 l-375,0",
                    "fill": {
                        "paint": "transparent"
                    },
                    "name": "path",
                    "stroke": {
                        "paint": "#7f7f7f",
                        "width": "2"
                    },
                    "type": "path"
                }, {
                    "d": "M132,874 l78,0 0,70 -78,-16 0,-54z",
                    "fill": {
                        "paint": "#4c4c4c"
                    },
                    "name": "path",
                    "type": "path"
                }, {
                    "d": "M741,874 l-78,0 0,70 78,-16 0,-54z",
                    "fill": {
                        "paint": "#4c4c4c"
                    },
                    "name": "path",
                    "type": "path"
                }
            ]
        },
        "meta": {
            "name": "Flow totalizer"
        },
        "position": {
            "basis": "100px"
        },
        "custom": {}
    }
]

```

---

<div class="post-metadata">

**Author:** ![mperkins](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mperkins/32/71722_2.png) [@mperkins](https://forum.inductiveautomation.com/u/mperkins)\
**Post date:** [November 7, 2025, 9:10pm UTC](https://forum.inductiveautomation.com/t/error-with-drawing-tool/111849/4 "2025-11-07T21:10:17Z")

</div>

> [@alejandroxgodoy](#):
>
> ```python
> [{
> "type": "ia.shapes.svg",
> "version": 0,
> "props": {
> "viewBox": "0 0 874 999",
> "elements": [{
> "d": "M874,717 l-874,0 0,188 874,0 0,-188z",
> "nksfill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M7,858 l859,0 0,39 -859,0 0,-39z",
> "fill": {
> "paint": "#4c4c4c"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M124,0 l625,0 0,312 -625,0 0,-312z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M218,952 l-94,-16 0,-250 94,-15 0,281z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M218,624 l437,0 0,375 -437,0 0,-375z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M655,952 l94,-16 -1,-250 -93,-15 0,281z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M249,530 l375,0 0,-125 -375,0 0,125z",
> "fill": {
> "paint": "#000"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M343,405 l187,0 0,-93 -187,0 0,93z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M312,624 l249,0 0,-94 -249,0 0,94z",
> "fill": {
> "paint": "#7f7f7f"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M187,30 l499,0 0,250 -499,0 0,-250z",
> "fill": {
> "paint": "#333"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M249,109 l375,0 0,93 -375,0 0,-93z",
> "fill": {
> "paint": "#ff9"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M631,109 l-7,-7 -375,0 0,14 375,0 -7,-7 14,0 0,-7 -7,0z",
> "fill": {
> "paint": "#000"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M624,209 l7,-7 0,-93 -14,0 0,93 7,-7 0,14 7,0 0,-7z",
> "fill": {
> "paint": "#000"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M242,202 l7,7 375,0 0,-14 -375,0 7,7 -14,0 0,7 7,0z",
> "fill": {
> "paint": "#000"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M249,102 l-7,7 0,93 14,0 0,-93 -7,7 0,-14 -7,0 0,7z",
> "fill": {
> "paint": "#000"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M327,624 l0,-16 47,-62 125,0 47,62 0,16 -219,0z",
> "fill": {
> "paint": "#ccc"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "cx": "717",
> "cy": "30",
> "fill": {
> "paint": "#666"
> },
> "name": "circle",
> "r": "15",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "circle"
> }, {
> "cx": "717",
> "cy": "280",
> "fill": {
> "paint": "#666"
> },
> "name": "circle",
> "r": "15",
> "type": "circle"
> }, {
> "cx": "156",
> "cy": "30",
> "fill": {
> "paint": "#666"
> },
> "name": "circle",
> "r": "16",
> "type": "circle"
> }, {
> "cx": "156",
> "cy": "280",
> "fill": {
> "paint": "#666"
> },
> "name": "circle",
> "r": "16",
> "type": "circle"
> }, {
> "d": "M717,46 l0,-31",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M733,30 l-32,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "cx": "717",
> "cy": "280",
> "fill": {
> "paint": "transparent"
> },
> "name": "circle",
> "r": "15",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "circle"
> }, {
> "d": "M717,296 l0,-31",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M733,280 l-32,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "cx": "156",
> "cy": "30",
> "fill": {
> "paint": "transparent"
> },
> "name": "circle",
> "r": "16",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "circle"
> }, {
> "d": "M156,46 l0,-31",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M171,30 l-31,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "cx": "156",
> "cy": "280",
> "fill": {
> "paint": "transparent"
> },
> "name": "circle",
> "r": "16",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "circle"
> }, {
> "d": "M156,296 l0,-31",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M171,280 l-31,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#4c4c4c",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M249,421 l375,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#7f7f7f",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M624,514 l-375,0",
> "fill": {
> "paint": "transparent"
> },
> "name": "path",
> "stroke": {
> "paint": "#7f7f7f",
> "width": "2"
> },
> "type": "path"
> }, {
> "d": "M132,874 l78,0 0,70 -78,-16 0,-54z",
> "fill": {
> "paint": "#4c4c4c"
> },
> "name": "path",
> "type": "path"
> }, {
> "d": "M741,874 l-78,0 0,70 78,-16 0,-54z",
> "fill": {
> "paint": "#4c4c4c"
> },
> "name": "path",
> "type": "path"
> }
> ]
> },
> "meta": {
> "name": "Flow totalizer"
> },
> "position": {
> "basis": "100px"
> },
> "custom": {}
> }
> ]
> 
> ```

Thank you for providing this. I have imported your Drawing Component and it has opened without error in my Drawing Editor. Are you able to open the DevTools to check for console errors?

 ![Screenshot 2025-11-07 130947](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/f/7f570ac34bf96aadbc7189bfcf757e7da80bbef8.jpeg)

 ![Screenshot 2025-11-07 130844](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/7/b74e120bd82966a454ca8d8b956d7a03e3c9298c.jpeg)