1,126
edits
SteelSeries Gauges: Difference between revisions
→Adding Logo's/Custom Images to the Gauge Backgrounds
| Line 107: | Line 107: | ||
== Adding Logo's/Custom Images to the Gauge Backgrounds == | == Adding Logo's/Custom Images to the Gauge Backgrounds == | ||
The supplied code contains some commented out instructions to add a small logo to the temperature | The supplied code contains some commented out instructions to add a small logo to the temperature gauge, and a larger image to the DewPoint gauge. These will probably be removed by most people, they are added to demonstrate how to use this feature. See the comments in gauges.js about removing/adding these logos. | ||
In order to let the gauge background appear through your images you should make them semi-transparent, which means saving them as PNG files. | |||
The SteelSeries code will clip your images if they exceed the gauge background area, I suggest you size the images similar to your desired gauge size. The code will resize the image to fit the whole background, so it you want to retain the aspect ratio make your images square! | |||
== Adding a Wind Rose 'gauge' == | == Adding a Wind Rose 'gauge' == | ||