Image Fades when streched

[smurfier]

When I take an image 2 pixels wide and stretch it to the width of my screen, the right end fades to transparent. It's neither part of the image file or the code.

Code: Select all

[mBackL]
Meter=Image
ImageName=Themes\Pixies\Left.png

[mBackM]
Meter=Image
ImageName=Themes\Pixies\MiddleT.png
W=(#SWidth#-8)
H=31
X=R

[mBackL]
Meter=Image
ImageName=Themes\Pixies\Right.png
X=R
H=31

[smurfier]

Download example skin here.

[jsmorley]

Yeah, I see the behavior. Beats me right off the top of my head. If I bring Middle.png into photoshop and actually size it to 1680 wide, it works fine. If Rainmeter sizes it based on a formula in the W= setting, you get that left-to-right fade effect.

It is nothing to do with your image as such, as even a really vanilla 2x31 image like this:

test.png

Does the same thing.

It's not in your code, as even the most basic Meter=Image stretching the image does it:

[Rainmeter]
Update=1000
DynamicWindowSize=1

[MeterTest]
Meter=Image
ImageName=Themes\Pixies\Test.png
W=1680
H=31

There has to be something amiss with the "stretching" routines in Meter=Image.

[poiru]

Probably related to issue 145.

[jsmorley]

Probably related to issue 145.

I suspect you are right.

Smurf, I suspect that if you start with a reasonable size image, like 1024 (not many are going to have a screen smaller than that) and stretch from there, rather than from a width of 2, it should work fine until this is sorted out.

[jsmorley]

I notice that with AntiAlias=1 on the image meter, the effect is less pronounced and seems to happen (but not as bad) on both the left and right. If AntiAlias=0 on the meter, the effect is very pronounced, and is only on the right of the image.

[kenz0]

Issue 145 is an obvious defect, so I hope that the issue will be fixed in the future.
But as for this case, we can now solve the problem by using ScaleMargins.

[MeterTest]
Meter=Image
ImageName=Themes\Pixies\Test.png
W=1680
H=31
ScaleMargins=0,0,1,0


And another thing in smurfier's example, you will not need three separated backgrounds anymore if you use a ScaleMargins sensibly.

[jsmorley]

But as for this case, we can now solve the problem by using ScaleMargins.

[MeterTest]
Meter=Image
ImageName=Themes\Pixies\Test.png
W=1680
H=31
ScaleMargins=0,0,1,0

Outstanding. ScaleMargins never even occurred to me to try.

[smurfier]

Yeah... I didn't know about Tile and ScaleMargins. Maybe I should read the manual a bit more often.

Tile=1 solves this issue for me.