Question

有没有办法用包含text和css属性的div创建图像？

我知道你可以用canvas元素（使用base64）创建一个图像，但有没有办法用div做这个，或者用css元素打印？

我问这个是因为我正在尝试使用颜色选择器中的背景颜色进行在线卡片生成器。

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

Answer 1

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

Answer 2

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

使用以下方法导入用于打印的整个样式表：

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

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

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