JPEG / PNG / BMP вне раздела

Question

Есть ли способ создать изображение из div, которое содержит атрибуты text и css?

Я знаю, что вы можете создать изображение из элемента canvas (с base64), но есть ли способ сделать это с помощью div или распечатать с помощью элементов css?

Я спрашиваю об этом, потому что я пытаюсь создать онлайн-генератор карт с цветом фона, который вы можете выбрать в палитре цветов.

Так что, если нет способа создать JPEG из элемента DIV, есть ли способ напечатать страницу с сгенерированным цветом фона?

Answer 1

Вы можете использовать пользовательский CSS для принтера, используя директивы media CSS.

Либо импортируйте целую таблицу стилей для печати, используя:

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

Или оберните ваши объявления CSS STYLE в директиву media следующим образом:

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

Answer 2

Не думаю, что вы захотите сгенерировать растровое изображение, потому что оно не масштабируется до разрешения печати.Что касается печати фонов, это вариант, который вы можете включить в IE и Firefox, но я не думаю, что вы можете управлять им со своей страницы.