Svg
@karthiksg, I don't think it answers the question.
Creating SVG is not a problem. There are many editors that you can use to create SVG, but you also need to put details into the JavaScript file:
https://github.com/tananaev/traccar-web/blob/master/web/app/store/DeviceImages.js
Anton,
I think I did everything I supposed to do and I got no success so I was thinking maybe there is problem with my svg file. Could you please take look at following svg file?
<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> <svg version="1.1" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="6.518px" height="21.458px" viewBox="0 0 6.518 21.458" overflow="scroll" xml:space="preserve"> <g> <path fill-rule="evenodd" fill="#404041" d="M2.771,7.652c0,0.765-0.619,1.386-1.385,1.386c-0.039,0-0.079-0.003-0.118-0.006 C0.552,8.972,0,8.371,0,7.652C0,6.955,0.521,6.367,1.211,6.28c0.058-0.007,0.116-0.012,0.175-0.012 C2.151,6.268,2.771,6.888,2.771,7.652L2.771,7.652z M2.771,18.507c0,0.765-0.619,1.385-1.385,1.385 c-0.039,0-0.079-0.002-0.118-0.006C0.551,19.825,0,19.226,0,18.507c0-0.697,0.521-1.286,1.211-1.373 c0.058-0.008,0.116-0.012,0.175-0.012C2.15,17.122,2.771,17.741,2.771,18.507L2.771,18.507z M4.812,9.018 c0.157,0.296,0.303,0.604,0.44,0.909c0.304,0.67,0.58,1.364,0.794,2.068c0.036,0.119,0.071,0.239,0.104,0.359 c0.152,0.566,0.246,1.15,0.302,1.733c0.103,1.075,0.079,2.176-0.016,3.251c-0.064,0.735-0.164,1.475-0.3,2.201 c-0.045,0.239-0.243,0.418-0.483,0.438l-0.989,0.894C4.5,21.02,4.288,21.101,4.068,21.101H3.363l-0.209,0.218 c-0.089,0.093-0.216,0.146-0.345,0.14L2.578,21.45c-0.562-0.022-1.072-0.337-1.342-0.831L0.98,20.153v-0.249l0.115,0.023 c0.055,0.012,0.11,0.021,0.166,0.025c0.042,0.003,0.083,0.007,0.124,0.007c0.801,0,1.453-0.652,1.453-1.453 s-0.652-1.453-1.453-1.453c-0.061,0-0.121,0.005-0.182,0.013c-0.035,0.005-0.07,0.012-0.104,0.019l-0.113,0.02l0.017-8.047 l0.114,0.021c0.047,0.009,0.096,0.016,0.146,0.02c0.041,0.003,0.082,0.007,0.123,0.007c0.801,0,1.453-0.653,1.453-1.454 c0-0.8-0.652-1.452-1.453-1.452c-0.061,0-0.121,0.005-0.184,0.013C1.188,6.214,1.172,6.218,1.158,6.22L1.024,6.234l0.09-0.4 c0.114-0.509,0.561-0.875,1.085-0.887h0.054C2.281,4.948,2.309,4.95,2.337,4.953c0.404,0.04,0.831,0.151,1.158,0.402 C3.938,5.694,4.223,6.479,4.38,6.997c0.138,0.453,0.243,0.92,0.329,1.386C4.748,8.592,4.784,8.806,4.812,9.018L4.812,9.018z M1.719,7.023C1.678,7.002,1.636,6.984,1.591,6.971v0.181L1.719,7.023L1.719,7.023z M1.177,6.971 C1.132,6.984,1.089,7.002,1.049,7.024l0.128,0.127V6.971L1.177,6.971z M0.703,7.445h0.18L0.756,7.319 C0.734,7.359,0.717,7.401,0.703,7.445L0.703,7.445z M1.884,7.445h0.183C2.053,7.4,2.036,7.357,2.014,7.316L1.884,7.445L1.884,7.445 z M2.067,7.86H1.885l0.129,0.129C2.035,7.948,2.053,7.905,2.067,7.86L2.067,7.86z M0.704,7.86c0.014,0.044,0.031,0.086,0.052,0.126 L0.882,7.86H0.704L0.704,7.86z M1.048,8.282C1.089,8.303,1.132,8.32,1.177,8.333v-0.18L1.048,8.282L1.048,8.282z M1.591,8.153 v0.181C1.636,8.321,1.678,8.304,1.72,8.282L1.591,8.153L1.591,8.153z M1.719,17.877c-0.041-0.021-0.084-0.039-0.128-0.052v0.181 L1.719,17.877L1.719,17.877z M1.177,17.824c-0.044,0.014-0.087,0.031-0.128,0.054l0.128,0.127V17.824L1.177,17.824z M0.703,18.299 h0.18l-0.127-0.126C0.734,18.213,0.717,18.255,0.703,18.299L0.703,18.299z M1.885,18.299h0.182 c-0.014-0.044-0.032-0.088-0.053-0.128L1.885,18.299L1.885,18.299z M2.067,18.714H1.885l0.129,0.13 C2.035,18.802,2.053,18.759,2.067,18.714L2.067,18.714z M0.704,18.714c0.014,0.044,0.031,0.086,0.053,0.126l0.125-0.126H0.704 L0.704,18.714z M1.048,19.136c0.041,0.021,0.084,0.039,0.129,0.052v-0.18L1.048,19.136L1.048,19.136z M1.591,19.008v0.181 c0.045-0.014,0.087-0.031,0.129-0.053L1.591,19.008L1.591,19.008z M4.633,10.688c-0.108,0.066-0.255,0.098-0.388,0.103l0.367,4.658 h1.23c0.031-1.146-0.081-2.32-0.38-3.429c-0.085-0.318-0.187-0.636-0.31-0.942c-0.038-0.096-0.08-0.197-0.127-0.291L4.633,10.688 L4.633,10.688z M4.839,18.313l0.32,0.271c0.044,0.037,0.104,0.049,0.16,0.031c0.055-0.018,0.097-0.063,0.109-0.119 c0.185-0.764,0.312-1.54,0.374-2.322H4.67L4.839,18.313L4.839,18.313z"/> <path fill="#00A697" d="M2.675,7.652c0-0.712-0.577-1.289-1.29-1.289c-0.056,0-0.109,0.004-0.163,0.011 C0.588,6.455,0.096,6.996,0.096,7.652c0,0.675,0.519,1.229,1.179,1.284c0.037,0.003,0.074,0.006,0.11,0.006 C2.099,8.942,2.675,8.364,2.675,7.652L2.675,7.652z M1.872,7.006L1.608,7.27C1.573,7.25,1.535,7.233,1.495,7.223V6.853 C1.635,6.872,1.763,6.926,1.872,7.006L1.872,7.006z M1.272,6.852v0.373C1.232,7.234,1.194,7.25,1.16,7.271L0.896,7.007 C1.004,6.927,1.132,6.871,1.272,6.852L1.272,6.852z M0.584,7.541c0.019-0.14,0.074-0.267,0.156-0.374l0.262,0.262 c-0.02,0.035-0.035,0.072-0.045,0.112H0.584L0.584,7.541z M1.814,7.541C1.804,7.5,1.788,7.462,1.767,7.427L2.03,7.164 C2.112,7.272,2.166,7.4,2.186,7.541H1.814L1.814,7.541z M2.186,7.765c-0.02,0.14-0.074,0.269-0.156,0.376L1.767,7.878 c0.021-0.035,0.037-0.073,0.048-0.113H2.186L2.186,7.765z M0.585,7.765h0.372c0.011,0.04,0.025,0.078,0.045,0.111L0.74,8.139 C0.659,8.031,0.604,7.904,0.585,7.765L0.585,7.765z M0.896,8.298L1.16,8.034c0.035,0.021,0.072,0.038,0.112,0.049v0.37 C1.132,8.432,1.003,8.38,0.896,8.298L0.896,8.298z M1.495,8.083c0.04-0.011,0.078-0.027,0.113-0.047l0.263,0.263 C1.763,8.38,1.635,8.434,1.495,8.454V8.083L1.495,8.083z M2.675,18.507c0-0.712-0.577-1.289-1.29-1.289 c-0.056,0-0.109,0.004-0.163,0.011c-0.635,0.08-1.127,0.621-1.127,1.278c0,0.675,0.519,1.228,1.179,1.283 c0.037,0.004,0.074,0.006,0.11,0.006C2.099,19.796,2.675,19.219,2.675,18.507L2.675,18.507z M1.872,17.86l-0.263,0.264 c-0.035-0.021-0.073-0.037-0.113-0.047v-0.371C1.635,17.726,1.763,17.78,1.872,17.86L1.872,17.86z M1.272,17.705v0.373 c-0.041,0.011-0.078,0.026-0.112,0.047l-0.264-0.264C1.004,17.78,1.132,17.725,1.272,17.705L1.272,17.705z M0.584,18.396 c0.019-0.141,0.074-0.268,0.156-0.375l0.262,0.263c-0.02,0.034-0.035,0.072-0.045,0.112H0.584L0.584,18.396z M1.814,18.396 c-0.011-0.041-0.026-0.08-0.048-0.114l0.263-0.263c0.082,0.107,0.136,0.236,0.156,0.377H1.814L1.814,18.396z M2.186,18.618 c-0.02,0.141-0.074,0.269-0.156,0.377l-0.263-0.263c0.021-0.036,0.037-0.073,0.048-0.114H2.186L2.186,18.618z M0.585,18.618h0.372 c0.011,0.04,0.025,0.078,0.045,0.111L0.74,18.993C0.659,18.885,0.604,18.758,0.585,18.618L0.585,18.618z M0.896,19.152l0.265-0.265 c0.035,0.021,0.072,0.038,0.112,0.049v0.37C1.132,19.286,1.003,19.233,0.896,19.152L0.896,19.152z M1.495,18.937 c0.04-0.011,0.078-0.026,0.113-0.047l0.263,0.263c-0.108,0.081-0.237,0.136-0.376,0.155V18.937L1.495,18.937z M3.085,21.252 l0.236-0.247h0.747c0.196,0,0.385-0.072,0.53-0.204l1.015-0.916c0.211-0.004,0.39-0.155,0.428-0.362 c0.204-1.09,0.733-4.469,0.016-7.143c-0.444-1.652-1.338-3.333-1.338-3.333S4.348,6.13,3.437,5.431 C3.119,5.188,2.702,5.085,2.327,5.048C2.302,5.045,2.276,5.044,2.25,5.043H2.199C1.727,5.054,1.314,5.384,1.208,5.855l-0.06,0.269 c0.014-0.001,0.029-0.005,0.044-0.007C1.26,6.108,1.324,6.104,1.386,6.104c0.854,0,1.549,0.695,1.549,1.548 c0,0.854-0.695,1.55-1.549,1.55c-0.044,0-0.087-0.003-0.132-0.008C1.201,9.19,1.15,9.184,1.099,9.174L1.083,16.99 c0.036-0.007,0.071-0.014,0.108-0.019c0.069-0.009,0.133-0.014,0.194-0.014c0.854,0,1.549,0.695,1.549,1.549 s-0.695,1.549-1.549,1.549c-0.044,0-0.087-0.003-0.132-0.007c-0.06-0.005-0.119-0.015-0.178-0.026v0.106l0.244,0.444 c0.254,0.464,0.733,0.761,1.261,0.78l0.231,0.009C2.914,21.366,3.014,21.326,3.085,21.252L3.085,21.252z M4.613,10.584l0.479,0.12 c0,0,0.947,1.811,0.844,4.841H4.523l-0.382-4.854C4.142,10.691,4.443,10.718,4.613,10.584L4.613,10.584z M4.746,18.36l-0.18-2.282 h1.34c-0.055,0.751-0.173,1.565-0.384,2.441c-0.021,0.089-0.087,0.159-0.174,0.188s-0.183,0.01-0.251-0.049L4.746,18.36 L4.746,18.36z"/> <polygon fill-rule="evenodd" fill="#43525A" points="3.259,0 4.191,1.514 5.122,3.026 3.259,3.026 1.396,3.026 2.328,1.514 3.259,0 "/> </g> </svg>
So, what exactly do you want me to look at?
Is there anything missing in this svg? Cause when i choose this svg to create/edit device it gives me null to this "svg.getelmentbyid(fill[i]).style.fill"
What am I doing wrong?
open any svg icon that comes with the web ui files and edit it with illustrator or find something similar. this way override the svg that comes with traccar and don't worry have to worry about the js files. maybe try GIMP. or you can add by editing this file
https://github.com/tananaev/traccar-web/blob/master/web/app/store/DeviceImages.js
I don't see any ids in your SVG file, so I'm not sure what you put in the DeviceImages class, but I'm assuming it's wrong.
I still got no success. I changed svg to the following. This is as exactly same as default.svg except I put the points to render.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
width="40"
height="40"
viewBox="0 0 40 40"
id="svg4145"
version="1.1"
sodipodi:docname="temp.svg">
<defs
id="defs4147" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
showgrid="false"
units="px" />
<metadata
id="metadata4150">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1">
<path style="fill-rule:evenodd; fill:#404041" d="M2.771,7.652c0,0.765-0.619,1.386-1.385,1.386c-0.039,0-0.079-0.003-0.118-0.006
C0.552,8.972,0,8.371,0,7.652C0,6.955,0.521,6.367,1.211,6.28c0.058-0.007,0.116-0.012,0.175-0.012
C2.151,6.268,2.771,6.888,2.771,7.652L2.771,7.652z M2.771,18.507c0,0.765-0.619,1.385-1.385,1.385
c-0.039,0-0.079-0.002-0.118-0.006C0.551,19.825,0,19.226,0,18.507c0-0.697,0.521-1.286,1.211-1.373
c0.058-0.008,0.116-0.012,0.175-0.012C2.15,17.122,2.771,17.741,2.771,18.507L2.771,18.507z M4.812,9.018
c0.157,0.296,0.303,0.604,0.44,0.909c0.304,0.67,0.58,1.364,0.794,2.068c0.036,0.119,0.071,0.239,0.104,0.359
c0.152,0.566,0.246,1.15,0.302,1.733c0.103,1.075,0.079,2.176-0.016,3.251c-0.064,0.735-0.164,1.475-0.3,2.201
c-0.045,0.239-0.243,0.418-0.483,0.438l-0.989,0.894C4.5,21.02,4.288,21.101,4.068,21.101H3.363l-0.209,0.218
c-0.089,0.093-0.216,0.146-0.345,0.14L2.578,21.45c-0.562-0.022-1.072-0.337-1.342-0.831L0.98,20.153v-0.249l0.115,0.023
c0.055,0.012,0.11,0.021,0.166,0.025c0.042,0.003,0.083,0.007,0.124,0.007c0.801,0,1.453-0.652,1.453-1.453
s-0.652-1.453-1.453-1.453c-0.061,0-0.121,0.005-0.182,0.013c-0.035,0.005-0.07,0.012-0.104,0.019l-0.113,0.02l0.017-8.047
l0.114,0.021c0.047,0.009,0.096,0.016,0.146,0.02c0.041,0.003,0.082,0.007,0.123,0.007c0.801,0,1.453-0.653,1.453-1.454
c0-0.8-0.652-1.452-1.453-1.452c-0.061,0-0.121,0.005-0.184,0.013C1.188,6.214,1.172,6.218,1.158,6.22L1.024,6.234l0.09-0.4
c0.114-0.509,0.561-0.875,1.085-0.887h0.054C2.281,4.948,2.309,4.95,2.337,4.953c0.404,0.04,0.831,0.151,1.158,0.402
C3.938,5.694,4.223,6.479,4.38,6.997c0.138,0.453,0.243,0.92,0.329,1.386C4.748,8.592,4.784,8.806,4.812,9.018L4.812,9.018z
M1.719,7.023C1.678,7.002,1.636,6.984,1.591,6.971v0.181L1.719,7.023L1.719,7.023z M1.177,6.971
C1.132,6.984,1.089,7.002,1.049,7.024l0.128,0.127V6.971L1.177,6.971z M0.703,7.445h0.18L0.756,7.319
C0.734,7.359,0.717,7.401,0.703,7.445L0.703,7.445z M1.884,7.445h0.183C2.053,7.4,2.036,7.357,2.014,7.316L1.884,7.445L1.884,7.445
z M2.067,7.86H1.885l0.129,0.129C2.035,7.948,2.053,7.905,2.067,7.86L2.067,7.86z M0.704,7.86c0.014,0.044,0.031,0.086,0.052,0.126
L0.882,7.86H0.704L0.704,7.86z M1.048,8.282C1.089,8.303,1.132,8.32,1.177,8.333v-0.18L1.048,8.282L1.048,8.282z M1.591,8.153
v0.181C1.636,8.321,1.678,8.304,1.72,8.282L1.591,8.153L1.591,8.153z M1.719,17.877c-0.041-0.021-0.084-0.039-0.128-0.052v0.181
L1.719,17.877L1.719,17.877z M1.177,17.824c-0.044,0.014-0.087,0.031-0.128,0.054l0.128,0.127V17.824L1.177,17.824z M0.703,18.299
h0.18l-0.127-0.126C0.734,18.213,0.717,18.255,0.703,18.299L0.703,18.299z M1.885,18.299h0.182
c-0.014-0.044-0.032-0.088-0.053-0.128L1.885,18.299L1.885,18.299z M2.067,18.714H1.885l0.129,0.13
C2.035,18.802,2.053,18.759,2.067,18.714L2.067,18.714z M0.704,18.714c0.014,0.044,0.031,0.086,0.053,0.126l0.125-0.126H0.704
L0.704,18.714z M1.048,19.136c0.041,0.021,0.084,0.039,0.129,0.052v-0.18L1.048,19.136L1.048,19.136z M1.591,19.008v0.181
c0.045-0.014,0.087-0.031,0.129-0.053L1.591,19.008L1.591,19.008z M4.633,10.688c-0.108,0.066-0.255,0.098-0.388,0.103l0.367,4.658
h1.23c0.031-1.146-0.081-2.32-0.38-3.429c-0.085-0.318-0.187-0.636-0.31-0.942c-0.038-0.096-0.08-0.197-0.127-0.291L4.633,10.688
L4.633,10.688z M4.839,18.313l0.32,0.271c0.044,0.037,0.104,0.049,0.16,0.031c0.055-0.018,0.097-0.063,0.109-0.119
c0.185-0.764,0.312-1.54,0.374-2.322H4.67L4.839,18.313L4.839,18.313z"/>
<path style="fill:#00A697" d="M2.675,7.652c0-0.712-0.577-1.289-1.29-1.289c-0.056,0-0.109,0.004-0.163,0.011
C0.588,6.455,0.096,6.996,0.096,7.652c0,0.675,0.519,1.229,1.179,1.284c0.037,0.003,0.074,0.006,0.11,0.006
C2.099,8.942,2.675,8.364,2.675,7.652L2.675,7.652z M1.872,7.006L1.608,7.27C1.573,7.25,1.535,7.233,1.495,7.223V6.853
C1.635,6.872,1.763,6.926,1.872,7.006L1.872,7.006z M1.272,6.852v0.373C1.232,7.234,1.194,7.25,1.16,7.271L0.896,7.007
C1.004,6.927,1.132,6.871,1.272,6.852L1.272,6.852z M0.584,7.541c0.019-0.14,0.074-0.267,0.156-0.374l0.262,0.262
c-0.02,0.035-0.035,0.072-0.045,0.112H0.584L0.584,7.541z M1.814,7.541C1.804,7.5,1.788,7.462,1.767,7.427L2.03,7.164
C2.112,7.272,2.166,7.4,2.186,7.541H1.814L1.814,7.541z M2.186,7.765c-0.02,0.14-0.074,0.269-0.156,0.376L1.767,7.878
c0.021-0.035,0.037-0.073,0.048-0.113H2.186L2.186,7.765z M0.585,7.765h0.372c0.011,0.04,0.025,0.078,0.045,0.111L0.74,8.139
C0.659,8.031,0.604,7.904,0.585,7.765L0.585,7.765z M0.896,8.298L1.16,8.034c0.035,0.021,0.072,0.038,0.112,0.049v0.37
C1.132,8.432,1.003,8.38,0.896,8.298L0.896,8.298z M1.495,8.083c0.04-0.011,0.078-0.027,0.113-0.047l0.263,0.263
C1.763,8.38,1.635,8.434,1.495,8.454V8.083L1.495,8.083z M2.675,18.507c0-0.712-0.577-1.289-1.29-1.289
c-0.056,0-0.109,0.004-0.163,0.011c-0.635,0.08-1.127,0.621-1.127,1.278c0,0.675,0.519,1.228,1.179,1.283
c0.037,0.004,0.074,0.006,0.11,0.006C2.099,19.796,2.675,19.219,2.675,18.507L2.675,18.507z M1.872,17.86l-0.263,0.264
c-0.035-0.021-0.073-0.037-0.113-0.047v-0.371C1.635,17.726,1.763,17.78,1.872,17.86L1.872,17.86z M1.272,17.705v0.373
c-0.041,0.011-0.078,0.026-0.112,0.047l-0.264-0.264C1.004,17.78,1.132,17.725,1.272,17.705L1.272,17.705z M0.584,18.396
c0.019-0.141,0.074-0.268,0.156-0.375l0.262,0.263c-0.02,0.034-0.035,0.072-0.045,0.112H0.584L0.584,18.396z M1.814,18.396
c-0.011-0.041-0.026-0.08-0.048-0.114l0.263-0.263c0.082,0.107,0.136,0.236,0.156,0.377H1.814L1.814,18.396z M2.186,18.618
c-0.02,0.141-0.074,0.269-0.156,0.377l-0.263-0.263c0.021-0.036,0.037-0.073,0.048-0.114H2.186L2.186,18.618z M0.585,18.618h0.372
c0.011,0.04,0.025,0.078,0.045,0.111L0.74,18.993C0.659,18.885,0.604,18.758,0.585,18.618L0.585,18.618z M0.896,19.152l0.265-0.265
c0.035,0.021,0.072,0.038,0.112,0.049v0.37C1.132,19.286,1.003,19.233,0.896,19.152L0.896,19.152z M1.495,18.937
c0.04-0.011,0.078-0.026,0.113-0.047l0.263,0.263c-0.108,0.081-0.237,0.136-0.376,0.155V18.937L1.495,18.937z M3.085,21.252
l0.236-0.247h0.747c0.196,0,0.385-0.072,0.53-0.204l1.015-0.916c0.211-0.004,0.39-0.155,0.428-0.362
c0.204-1.09,0.733-4.469,0.016-7.143c-0.444-1.652-1.338-3.333-1.338-3.333S4.348,6.13,3.437,5.431
C3.119,5.188,2.702,5.085,2.327,5.048C2.302,5.045,2.276,5.044,2.25,5.043H2.199C1.727,5.054,1.314,5.384,1.208,5.855l-0.06,0.269
c0.014-0.001,0.029-0.005,0.044-0.007C1.26,6.108,1.324,6.104,1.386,6.104c0.854,0,1.549,0.695,1.549,1.548
c0,0.854-0.695,1.55-1.549,1.55c-0.044,0-0.087-0.003-0.132-0.008C1.201,9.19,1.15,9.184,1.099,9.174L1.083,16.99
c0.036-0.007,0.071-0.014,0.108-0.019c0.069-0.009,0.133-0.014,0.194-0.014c0.854,0,1.549,0.695,1.549,1.549
s-0.695,1.549-1.549,1.549c-0.044,0-0.087-0.003-0.132-0.007c-0.06-0.005-0.119-0.015-0.178-0.026v0.106l0.244,0.444
c0.254,0.464,0.733,0.761,1.261,0.78l0.231,0.009C2.914,21.366,3.014,21.326,3.085,21.252L3.085,21.252z M4.613,10.584l0.479,0.12
c0,0,0.947,1.811,0.844,4.841H4.523l-0.382-4.854C4.142,10.691,4.443,10.718,4.613,10.584L4.613,10.584z M4.746,18.36l-0.18-2.282
h1.34c-0.055,0.751-0.173,1.565-0.384,2.441c-0.021,0.089-0.087,0.159-0.174,0.188s-0.183,0.01-0.251-0.049L4.746,18.36
L4.746,18.36z"/>
<polygon style="fill-rule:evenodd; fill:#43525A" points="3.259,0 4.191,1.514 5.122,3.026 3.259,3.026 1.396,3.026 2.328,1.514
3.259,0 "/>
</g>
</svg>
I don't know what you mean by "points to render", but I still don't see any ids.
what id? you know, when I add svg file, i attached id name as 'carSvg', isn't that what you talking about?
"points to render", I was trying to say that I only changed <g/> section.
Tnx.
I think I got what you mean. Let me try.
Were you able to solve this ?
I edited truck.svg (so no changes to the .js necessary). I have tried multiple svg packages and all the resulting artwork has ended with the same null issue
Thanks
How do you know that no js changes are necessary?
Ok. Perhaps then let's ask question in the opposite way. I would like to change the icons and the text. What changes do I need to make to change the icon? I can load the new icon ok, but on use I keep getting the same null issue. To identify the problem I have tried several different software tools to generate a new image.
I have tried a simple change editing an existing image (e.g. truck.svg) but get the same null result
I have 2 questions: when an image is changed , what elements of the code need to be changed
What image generation tool is most likely to to help generate compliant images?
Many thanks
Hugh
BTW I love your software !
Hi Anton, one quick question. How do you create svg file? I was trying to put my own icon/car but i gor an error regardin null of style in DevImage file.
Tnx