Image rotation?

[Tempered7]

Thank you so much!

EDIT: The wide table / small card images when you pick 3 cards can be repurposed for the dungeon spread in Deck of Many Things.

[jkeller]

As for your previous question, do frames scale? Not in the way that you would want. The image for the frame tiles to fill the available space.

Confirmed; no luck with scaling. But that was a minor issue; I just resized the images, and it looks pretty good. The rotation works great. Thanks all!

Tarot - inverted.png

[pindercarl]

Confirmed; no luck with scaling. But that was a minor issue; I just resized the images, and it looks pretty good. The rotation works great. Thanks all!

Tarot - inverted.png

Looks great. You could add an alpha channel to the source images to round off those corners.

[Tempered7]

Looks great. You could add an alpha channel to the source images to round off those corners.

In the current version, the corners fit nicely on 4 settings as single or 3 cards.

[jkeller]

Looks great. You could add an alpha channel to the source images to round off those corners.

Yeah, I did that for the backs (for some decks), since there's only one back image. But to do it for the face-up cards, I'd need to use PNG, and I *think* JPG is much smaller (at least, in my limited testing). I'm not sure if there are better alpha-channel formats that FG supports (maybe WEBP?); if so, I could do that. My knowledge is pretty old, just GIF/JPG/PNG heh.

[pindercarl]

Yeah, I did that for the backs (for some decks), since there's only one back image. But to do it for the face-up cards, I'd need to use PNG, and I *think* JPG is much smaller (at least, in my limited testing). I'm not sure if there are better alpha-channel formats that FG supports (maybe WEBP?); if so, I could do that. My knowledge is pretty old, just GIF/JPG/PNG heh.

Definitely use webp. It's the recommended format even if you aren't using alpha channels. Webp at 75% quality will give similar results to a JPEG but will be significantly smaller.

[pindercarl]

If you just need a simple flip/rotation, try handling it with CSS first—it’s the easiest for extensions:
CSS:
img {
transform: rotate(180deg); /* or scaleX(-1) for horizontal flip */
}

If that doesn’t work (e.g., dynamic images), use JavaScript + canvas to redraw and rotate the image.

Also check:

If images are loaded dynamically (you may need a MutationObserver)
Cross-origin restrictions when using canvas (CORS issues)

Start simple with CSS, then move to JS if needed.

This is the strangest LLM reply I've seen. It doesn't try to get me to click on a link or anything.

[Tempered7]

This is the strangest LLM reply I've seen. It doesn't try to get me to click on a link or anything.

When bots want to be helpful. LOL

[jkeller]

Nevermind, it just started working again.... just a glitch I guess....

[jkeller]

Getting a really weird bug.

Sideways (90 degree rotation) cards/tokens (even square ones!) are sometimes clipped.

I got rid of my inner subwindow (for testing), but it still happens.

Even though there's plenty of room, the sideways ones sometimes are clipped. I have not seen it happen if the rotation is 180.

I'm trying various random tweaks, but no luck so far. It seems like a bug in the underlying code

Any suggestions?

Clipped.png