首页 > 解决方案 > 我可以在特定媒体查询中将 HTML DOM 转换为图像吗?

问题描述

我想将 HTML DOM 转换为图像到特定媒体查询或分辨率至少 1920 像素,即使该 DOM 上的媒体查询被检测为移动。

一个很好的例子就像https://apiflash.com/,但我不知道如何在 JavaScript 中实现它,特别是在 React

另外,我尝试使用dom-to-img但没有选项可以在特定媒体查询上呈现捕获的 DOM,它始终遵循当前活动的媒体查询

有什么技巧吗?

标签: javascriptreactjs

解决方案


没有什么神奇的方法,媒体查询可以对窗口的大小做出反应。

正确调整窗口大小或向正文添加一个类,以便您可以强制使用相同的样式,就好像媒体查询在您想要的断点处一样。


推荐阅读