目前有支持 html dom 转图片时，支持 object-fit: contain 的，纯前端开源免费解决方案么

[paranoia]

尝试 html2canvas,html-to-image 均不支持这个特性，用 background-image 图片会糊掉。 有没有其他库或者变相的解决方案呢

[dshu]

提供一个思路
如果支持 CDN 裁剪，可以通过 CDN 裁剪出 object-contain 的效果
如果不支持 CDN ，可以自己写一个固定宽高 div ，然后根据图片宽高适配出 object-contain 的效果

[dingjs]

background 为什么会糊？原 dom 就糊还是转出来糊？

[lavvrence]

Try this: https://github.com/vercel/satori
Playground: https://og-playground.vercel.app/

[paranoia]

@dingjs dom 中的图片本身分辨率不高，但是通过 html2canvas 或者 html-to-image 转一次后会更模糊