Image rotation?

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.

https://www.fantasygrounds.com/forum...0&d=1776179328

Quote:

---

Originally Posted by pindercarl

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!

Attachment 67134

Quote:

---

Originally Posted by jkeller

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!

Attachment 67134

---

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

Quote:

---

Originally Posted by pindercarl

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.

Quote:

---

Originally Posted by pindercarl

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.

Quote:

---

Originally Posted by jkeller

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.

Quote:

---

Originally Posted by snowjack05

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.

Quote:

---

Originally Posted by pindercarl

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 :D

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

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?

Attachment 67157