search

qq15725 / modern-screenshot

📸 Quickly generate image from DOM node using HTML5 canvas and SVG
https://toolpkg.com/html-to-image
MIT License
588 stars 38 forks source link

letterspacing is ignored or produces unpredictable results #66

Closed Gamewise closed 9 months ago

Gamewise commented 9 months ago

Steps To Reproduce

  1. Make an element with letterspacing (ie letter-spacing: 0.1em) and a child element with different letter spacing (ie letter-spacing 0em).

Modern screenshot does not reproduce the css properly.

See it in action in the playground here: https://play.vuejs.org/#eNp9VG1r2zAQ/iuHYTSBxM5W+sV1Ddsoo4Ntpeu+6YuwL65SWRKSnCaE/PedpDhNX6jBwnf33N3znA7vsq/G5OsBszKrXGOF8eDQD6ZmSvRGWw87aHV/r29VB3tYWt3DWa9btGpOeETlHrQ/O0FbXM5Aq196UB7bYw71IBRTjVbOg9XaX0u4CujJdPS23PN/dzfPbqaOhSbcbVUDkylc1bBjCkZ0vuZyQMrhT1xQjQPZSWqRojPi5RousYQvsKfC4a2KJJikkuGxN5J7jBZA1Yp1YHHFslSIZdBI7hw5uiCb7BroSfDwVKb+ESLgceOhcoarY4rFlmU1nTFInSlYV0UYc+xWULvxW/QdlM42lHaQSL2c30okj7dcuaW2fZkETRb5xRSiN7CfzC8Wn2YQzuklpRVJXPFCXRWL1UQdII9i0kABGi21LSH6LpOrFY4ytyUsJW4uk+JwrgbnxXI7p5vzqHwJDZ1oD1lcik7NBbV1ryISPRlzGkAjVFfCZ+zHqvtIKAxp99znNX6RLyjjlC4lRJvSabBRWjbL0j7Oe27yldOK9jtqZIeAY1k5qmbZm4UOUZY9eG9cWRSDMo9d3ui+eAOki3O+EKrFTd6vqOqByZ4oeEfDWYruFQGqY4RE+8d4QWv/ggiXUj/9jD5vaW9Hf/OAzeM7/pXbJKq3Fh3aNbLsGPPcdnhQcv33N+3dSZCEDJLQHwTv0Gk5BI4J9m1QLdE+wUW2N3GedDf37npDq+BGUYFonEbEs4z+AN8/kP5M9zw/P05x/x/qhIi9