Mapaler / PADDashFormation

Puzzle & Dragons Formation Maker and Card Guide
https://mapaler.github.io/PADDashFormation/
GNU General Public License v3.0
56 stars 12 forks source link

Draw Screenshot not functioning properly #8

Open JoeMama-gaming69 opened 4 months ago

JoeMama-gaming69 commented 4 months ago

When drawing a screenshot despite having Team's HP Info turned off it includes the Team's HP Info at the top of the screenshot and distorts the dimensions of the image. How it used to look (taken 7/16/2024) PD_1P_Formation_Maker_70 Taken on desktop 7/30/2024 PD_1P_Formation_Maker_1 Taken on desktop 7/30/2024 PD_1P_Formation_Maker Taken on Mobile 7/30/2024 P D 1P Formation Maker (2)

Mapaler commented 4 months ago

See #6

I've migrated to https://github.com/html2canvas/html2canvas at the moment.

It fixed some bugs, but still has other bugs under both Firefox and Chrome.

I don't have the ability to fix bugs in the base library.

firefox_FSWZKhpWqN

I submitted several reports to the developer, but the developer didn't have the energy to maintain it.

Mapaler commented 4 months ago

You can try Firefox and you'll have fewer errors.

JoeMama-gaming69 commented 4 months ago

Looks like the no Team's HP Info works in fire fox and the extra space on the right side of the screenshot appears to be affected by the zoom percentage of the web page

Mapaler commented 4 months ago

Looks like the no Team's HP Info works in fire fox and the extra space on the right side of the screenshot appears to be affected by the zoom percentage of the web page

You can use the screenshot feature that comes with Firefox, right in the context menu.

firefox_智龙迷城1人队伍图制作_—_Mozilla_Firefox_0336

firefox_智龙迷城1人队伍图制作_—_Mozilla_Firefox_0337

Actually, I've always recommended taking screenshots with a browser or installing an screenshots extension. Due to future development planning, the new SVG technology introduced will not be able to be screenshotted by the built-in.

Mapaler commented 5 days ago

Screenshots from the Console

Firefox's DevTools supports a quick screenshot command, which is more convenient to use than manually selecting an area. Be sure to enter the colon.

:screenshot --selector ".formation-box" --dpr 1 --clipboard --file

xnviewmp_截图_2024-11-25_20 45 29 png_-_XnView_MP_0897

More help, type :screenshot --help in DevTools(F12), firefox_Screenshots_from_the_Console_–_Firefox_Nightly_New_0896

Refference: https://blog.nightly.mozilla.org/2018/08/23/screenshots-from-the-console/