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

65 天前
 paranoia

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

898 次点击
所在节点    前端开发
4 条回复
dshu
65 天前
提供一个思路
如果支持 CDN 裁剪，可以通过 CDN 裁剪出 object-contain 的效果
如果不支持 CDN ，可以自己写一个固定宽高 div ，然后根据图片宽高适配出 object-contain 的效果
dingjs
65 天前
background 为什么会糊？原 dom 就糊还是转出来糊？
jaylee4869
65 天前
Try this: https://github.com/vercel/satori
Playground: https://og-playground.vercel.app/
paranoia
65 天前
@dingjs dom 中的图片本身分辨率不高，但是通过 html2canvas 或者 html-to-image 转一次后会更模糊

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://yangjunhui.monster/t/1113124

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX