- Code: Select all
<div id="Position8" class="small instrument" data-fgpanel-instrument="MP-Gauge.json"></div>
I created the MP-Gauge.json file which essentially replicates much of RPM.json except for the property tags which are defined in my MP svg file. I even added the FG runtime properties for the gauge in Panel1-properties.json.
- Code: Select all
{
"src": "MP-Gauge.svg",
"animations": [
{
"element": "#Left",
"type": "transform",
"transforms": [{
"type": "rotate",
"a": {
"property": "MPLeft",
"scale": 0.082,
"offset": -364
},
"x": 106,
"y": 106
}]
},{
"element": "#Right",
"type": "transform",
"transforms": [{
"type": "rotate",
"a": {
"property": "MPRight",
"scale": 0.082,
"offset": -364
},
"x": 106,
"y": 106
}]
}
]
}
And when I run FG and navigate the browser to the url, I can actually see the MP Gauge. I tweaked MP-Gauge.json to get the needles into position. However ..... no matter what I do, I cannot resize the instrument smaller to fit into the space, it's always much larger than it should be. I compared the size of my gauge with the RPM gauge and they are the same in inkscape and document properties look about the same from what I can tell. I even swapped MP with RPM positions and the RPM gauge lines up nicely in the new spot, the MP gauge is still too large. I cannot find a property or setting in the webpanel directory that will let me adjust the size of the instrument. If the dimensions of my new gauge were much larger than the RPM gauge, I could understand that I'm trying to implement a large gauge. But they are the same size.
Any ideas or suggestions are greatly appreciated.