有沒有一種方法可以創建包含文本和css屬性的div的圖像?我知道你可以創建一個畫布元素(與base64)的圖像,但有沒有辦法做到這一點與div,或打印的CSS元素?Jpeg/PNG/BMP
我在問這個,因爲我正在嘗試使用顏色選擇器在背景顏色上做一個在線卡片生成器。
所以,如果沒有辦法從DIV元素中創建一個jpeg,有沒有辦法用生成的背景顏色打印頁面?
有沒有一種方法可以創建包含文本和css屬性的div的圖像?我知道你可以創建一個畫布元素(與base64)的圖像,但有沒有辦法做到這一點與div,或打印的CSS元素?Jpeg/PNG/BMP
我在問這個,因爲我正在嘗試使用顏色選擇器在背景顏色上做一個在線卡片生成器。
所以,如果沒有辦法從DIV元素中創建一個jpeg,有沒有辦法用生成的背景顏色打印頁面?
我不認爲你會想要生成一個位圖圖像,因爲這不會縮放到打印分辨率。就打印背景而言,這是您可以在IE和Firefox中打開的選項,但我認爲您無法從頁面控制它。
您可以使用media
CSS指令使用打印機定製的CSS。
或者使用進口tageted打印整個樣式表:
<LINK rel="stylesheet" type="text/css" media="print" href="foo.css">
或包裹你的CSS在media
指令,這樣STYLE
聲明:
@media print {
div{ background-color:#CCCCCC; }
}