一个 div 中的 Jpeg /PNG/BMP

【问题标题】：Jpeg /PNG/BMP out of a div一个 div 中的 Jpeg /PNG/BMP
【发布时间】：2011-06-24 13:33:58
【问题描述】：

有没有办法从包含文本和 css 属性的 div 中创建图像？

我知道您可以使用画布元素（使用 base64）创建图像，但有没有办法使用 div 或使用 css 元素进行打印？

我问这个是因为我正在尝试做一个在线卡片生成器，你可以在颜色选择器中选择背景颜色。

如果没有办法从 DIV 元素中创建 jpeg，有没有办法用生成的背景颜色打印页面？

【问题讨论】：

【解决方案1】：

我认为您不会想要生成位图图像，因为它无法缩放到打印分辨率。至于打印背景，你可以在 IE 和 Firefox 中打开它，但我认为你不能从你的页面控制它。

【讨论】：

【解决方案2】：

您可以使用media CSS 指令为打印机使用自定义 CSS。

要么导入整个样式表以供打印使用：

<LINK rel="stylesheet" type="text/css" media="print" href="foo.css">

或者将您的 CSS STYLE 声明包装在 media 指令中，如下所示：

@media print {
  div{ background-color:#CCCCCC; }
}

【讨论】：