Ignition 8.1.36
SVG markers when embedded in perspective will not map the url(#<markerId>) in rendered pages.
To make the markers show on the browser, I have to manually modify the style tags on every element with a marker: from url(#marker40) to url(#C-0-3-0-0-marker40)
This is the SVG when imported into perspective:
[
{
"type": "defs",
"id": "defs1",
"elements": [
{
"type": "marker",
"id": "marker45",
"style": {
"overflow": "visible"
},
"elements": [
{
"type": "path",
"fill": {
"paint": "context-stroke",
"rule": "evenodd"
},
"stroke": {
"paint": "context-stroke",
"width": "1pt"
},
"id": "path45",
"transform": "scale(0.5)",
"name": "path45",
"d": "M 5.77,0 -2.88,5 V -5 Z"
}
],
"name": "marker45",
"markerHeight": "1",
"markerWidth": "1",
"orient": "auto-start-reverse",
"preserveAspectRatio": "xMidYMid",
"refX": "0",
"refY": "0",
"viewBox": "0 0 1 1"
},
{
"type": "marker",
"id": "marker40",
"style": {
"overflow": "visible"
},
"elements": [
{
"type": "path",
"fill": {
"paint": "context-stroke",
"rule": "evenodd"
},
"stroke": {
"paint": "context-stroke",
"width": "1pt"
},
"id": "path40",
"transform": "scale(0.5)",
"name": "path40",
"d": "M 5.77,0 -2.88,5 V -5 Z"
}
],
"name": "marker40",
"markerHeight": "1",
"markerWidth": "1",
"orient": "auto-start-reverse",
"preserveAspectRatio": "xMidYMid",
"refX": "0",
"refY": "0",
"viewBox": "0 0 1 1"
},
{
"type": "marker",
"id": "Triangle",
"style": {
"overflow": "visible"
},
"elements": [
{
"type": "path",
"fill": {
"paint": "context-stroke",
"rule": "evenodd"
},
"stroke": {
"paint": "context-stroke",
"width": "1pt"
},
"id": "path135",
"transform": "scale(0.5)",
"name": "path135",
"d": "M 5.77,0 -2.88,5 V -5 Z"
}
],
"name": "Triangle",
"markerHeight": "1",
"markerWidth": "1",
"orient": "auto-start-reverse",
"preserveAspectRatio": "xMidYMid",
"refX": "0",
"refY": "0",
"viewBox": "0 0 1 1"
}
],
"name": "defs1"
},
{
"type": "group",
"id": "layer1",
"transform": "translate(-7.7666801,-24.507569)",
"elements": [
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect1",
"name": "rect1",
"x": "16.21208",
"y": "35.20084",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect2",
"name": "rect2",
"x": "16.21208",
"y": "62.340473",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect3",
"name": "rect3",
"x": "16.21208",
"y": "90.155518",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect1-9",
"name": "rect1-9",
"x": "16.21208",
"y": "116.61974",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect2-1",
"name": "rect2-1",
"x": "16.21208",
"y": "143.75937",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect3-2",
"name": "rect3-2",
"x": "16.21208",
"y": "170.899",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect1-6",
"name": "rect1-6",
"x": "16.21208",
"y": "198.03864",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect2-11",
"name": "rect2-11",
"x": "16.21208",
"y": "225.17827",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect8",
"name": "rect8",
"x": "150.0874",
"y": "35.20084",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect9",
"name": "rect9",
"x": "150.0874",
"y": "62.340473",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect10",
"name": "rect10",
"x": "150.0874",
"y": "90.155518",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"paint": "#000000",
"width": "1.1557"
},
"id": "rect14",
"name": "rect14",
"x": "150.0874",
"y": "116.61974",
"width": "61.941746",
"height": "14.174479"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "1"
},
"id": "rect16",
"name": "rect16",
"x": "81.541588",
"y": "102.19132",
"width": "31.080179",
"height": "14.502127"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text16",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan16",
"name": "tspan16",
"text": "21",
"x": "82.666176",
"y": "108.52538"
}
],
"name": "text16",
"x": "82.666176",
"y": "108.52538"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text17",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan17",
"name": "tspan17",
"text": "0",
"x": "17.701984",
"y": "41.585613"
}
],
"name": "text17",
"x": "17.701984",
"y": "41.585613"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text18",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan18",
"name": "tspan18",
"text": "10",
"x": "17.701984",
"y": "69.102295"
}
],
"name": "text18",
"x": "17.701984",
"y": "69.102295"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text19",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan19",
"name": "tspan19",
"text": "11",
"x": "17.701984",
"y": "96.61895"
}
],
"name": "text19",
"x": "17.701984",
"y": "96.61895"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text20",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan20",
"name": "tspan20",
"text": "20",
"x": "17.701984",
"y": "123.07727"
}
],
"name": "text20",
"x": "17.701984",
"y": "123.07727"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text21",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan21",
"name": "tspan21",
"text": "30",
"x": "17.701984",
"y": "150.59401"
}
],
"name": "text21",
"x": "17.701984",
"y": "150.59401"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text22",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan22",
"name": "tspan22",
"text": "31",
"x": "17.701984",
"y": "177.58153"
}
],
"name": "text22",
"x": "17.701984",
"y": "177.58153"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text23",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan23",
"name": "tspan23",
"text": "40",
"x": "17.701984",
"y": "204.56905"
}
],
"name": "text23",
"x": "17.701984",
"y": "204.56905"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text24",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan24",
"name": "tspan24",
"text": "50",
"x": "17.701984",
"y": "231.55656"
}
],
"name": "text24",
"x": "17.701984",
"y": "231.55656"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text25",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan25",
"name": "tspan25",
"text": "0",
"x": "151.45033",
"y": "41.859623"
}
],
"name": "text25",
"x": "151.45033",
"y": "41.859623"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text26",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan26",
"name": "tspan26",
"text": "10",
"x": "151.45033",
"y": "68.317963"
}
],
"name": "text26",
"x": "151.45033",
"y": "68.317963"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text27",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan27",
"name": "tspan27",
"text": "11",
"x": "151.45033",
"y": "96.363785"
}
],
"name": "text27",
"x": "151.45033",
"y": "96.363785"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text28",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan28",
"name": "tspan28",
"text": "20",
"x": "151.45033",
"y": "122.82211"
}
],
"name": "text28",
"x": "151.45033",
"y": "122.82211"
},
{
"type": "rect",
"fill": {
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "1"
},
"id": "rect28",
"name": "rect28",
"x": "217.53758",
"y": "102.19132",
"width": "31.080179",
"height": "14.502127"
},
{
"type": "text",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"paint": "#000000",
"width": "0.3"
},
"id": "text29",
"style": {
"fontSize": "6.35px"
},
"elements": [
{
"type": "tspan",
"fill": {
"opacity": "1",
"paint": "#000000"
},
"stroke": {
"dasharray": "none",
"width": "0.3"
},
"id": "tspan29",
"name": "tspan29",
"text": "21",
"x": "218.13295",
"y": "109.58372"
}
],
"name": "text29",
"x": "218.13295",
"y": "109.58372"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.968986"
},
"id": "path29",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path29",
"d": "m 19.003069,49.216318 0.03955,10.113408"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.968986"
},
"id": "path30",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path30",
"d": "m 19.284053,77.174218 0.03954,10.113408"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.951176"
},
"id": "path31",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path31",
"d": "m 19.282349,104.28559 0.04155,9.27471"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.957305"
},
"id": "path32",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path32",
"d": "m 19.282935,131.23261 0.04086,9.55329"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.968986"
},
"id": "path33",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path33",
"d": "m 19.284053,158.13706 0.03954,10.11342"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.957305"
},
"id": "path34",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path34",
"d": "m 19.282935,185.73712 0.04086,9.55329"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.957305"
},
"id": "path35",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path35",
"d": "m 19.282935,212.72479 0.04086,9.55329"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.968986"
},
"id": "path36",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path36",
"d": "m 153.41146,49.216318 0.0396,10.113408"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.968986"
},
"id": "path37",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path37",
"d": "m 153.69244,77.174218 0.0395,10.113408"
},
{
"type": "path",
"fill": {
"paint": "transparent",
"rule": "evenodd"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"linejoin": "miter",
"opacity": "1",
"paint": "#000000",
"width": "0.951176"
},
"id": "path38",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path38",
"d": "m 153.69074,104.28559 0.0416,9.27471"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path39",
"style": {
"markerEnd": "url(#marker40)"
},
"name": "path39",
"d": "m 78.293642,232.43567 h 12.363291 v -24.4456 h -8.626324"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path41",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path41",
"d": "M 78.574627,202.93235 H 91.218903 V 127.0667 h -10.11542"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path42",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path42",
"d": "m 78.574627,123.3483 h 19.106906 v -3.43741"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "0.931688"
},
"id": "path43",
"style": {
"markerEnd": "url(#marker45)"
},
"name": "path43",
"d": "M 98.294878,102.14334 V 97.547829 H 80.839718"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path44",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path44",
"d": "M 78.574627,93.629612 H 97.681533 V 41.928572 H 81.103483"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path46",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path46",
"d": "m 212.45387,123.3483 h 19.10692 v -3.43741"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "0.931688"
},
"id": "path47",
"style": {
"markerEnd": "url(#marker45)"
},
"name": "path47",
"d": "M 232.17413,102.14334 V 97.547829 H 214.71897"
},
{
"type": "path",
"fill": {
"opacity": "1",
"paint": "transparent"
},
"stroke": {
"dasharray": "none",
"linecap": "butt",
"paint": "#000000",
"width": "1"
},
"id": "path48",
"style": {
"markerEnd": "url(#Triangle)"
},
"name": "path48",
"d": "m 212.45387,93.629612 h 19.10692 v -51.70104 h -16.57806"
}
],
"name": "layer1"
}
]