SteelSeries Gauges: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
== 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<br> gauge, and a larger image to the DewPoint gauge. These will probably be removed by most people,<br> they are added to demonstrate how to use this feature. See the comments in gauges.js about<br> removing/adding these logos.
 
In order to let the gauge background appear through your images you should make them<br>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<br>size the images similar to your desired gauage size. The code will resize the image to fit the<br>whole background, so it you want to retain the aspect ratio make your images square!
 
In order to let the gauge background appear through your images you should make them<br> 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<br> size the images similar to your desired gauagegauge size. The code will resize the image to fit the<br> whole background, so it you want to retain the aspect ratio make your images square!
 
== Adding a Wind Rose 'gauge' ==

Navigation menu