sffc / card-creatr-studio

Software for creating card game prototypes, made for Mac, Windows, and Linux. Powered by Electron and Vue.
GNU General Public License v3.0
37 stars 4 forks source link

Exported PDF card does not match preview or exported image #16

Open rodelle opened 3 years ago

rodelle commented 3 years ago

Version 1.4

This is a template generated on Windows with quite a bit of custom javascript. I also used the trick to generate a csv from an external program and overwrite the cards.csv inside the ccst file. In the exported image, the top left rectangle of the Hyper-Toxicity card is an oval. In the exported PDF, the top left rectangle of the Hyper-Toxicity card is not an oval. The exported image is correct, and matches the preview inside of the program.

CCST File (added to zip file) cards-ccst.zip

Image created from File > Export Card Images. The 6-F designator is inside an oval (correct). card_001

PDF created from File > Export to PDF. The 6-F designator is inside a rectangle (incorrect) print.pdf capture

sffc commented 3 years ago

Thanks for the report. It's most likely another Skia bug. Can you try the alternative export options under File -> Advanced and see if any of them fix the problem for you?

rodelle commented 3 years ago

Export to PDF with Firefox (error) image

Export to PDF with Electron (image is stretched, and the oval still does not show up) image

Export to PDF with Canvas v1 (same as standard export to pdf, shows rectangle instead of oval) image

BigPhilGunner commented 2 years ago

I am also having this issue. For me it is elements with filters applied that fail. Specifically linear gradients and outer glows.

I have tried the other output options with similar results (firefox errors, electron errors lots and canvas is the same as default).

2021-10-29 15_41_36-Window

2021-10-29 15_41_43-Window `defs

+imageFill(assets.bg1, 0, 0, 116, 180) rect(x=0, y=16,width=100,height=35, fill=team_colour) rect(x=0, y=16,width=100,height=35, fill="url(#grad1)")

+textWrap(body)(font-family="body", font-size=8, line-height=8, x=5, y=63, width=106, fill="#000000" filter="url(#sofGlowW)")

+text(cost)(align="center", font-family="stencil", font-size=32, fill="#ffffff", stroke="#000000", x=105, y=32) +text(class_)(align="center", font-family="stencil", font-size=32, fill="#ffffff", stroke="#000000" x=105, y=56) +text(faction)(align="center", font-family="stencil", font-size=12, x=58, y=177, filter="url(#sofGlowW)" fill=team_colour) +text(Unique)(align="center", font-family="stencil", font-size=12, x=110, y=177, filter="url(#sofGlowW)" fill=team_colour) +textWrap(title)(font-family="stencil", font-size=16, line-height=15, x=3, y=30, width=106, fill="#ffffff")`