pdfmake API? Есть список стилей, шрифтов, возможностей?

Я использую pdfmake. Я хочу отформатировать документ, и у них есть хорошие примеры на github и на их игровой площадке, но мне было интересно, есть ли в них все возможности. У меня такое ощущение, что это могут быть дополнительные свойства, такие как переключение шрифтов, добавление различных элементов стиля или подчеркивание - вещи, которые явно не используются в примерах. Может быть, то, что вы видите, это то, что вы получаете, и это все, но я довольно тщательно просмотрел страницу github и не нашел более подробного списка возможностей. Он кажется чертовски похожим на html, но, похоже, у него нет таких же возможностей стиля, как у html/css, если есть что-то еще, может кто-нибудь указать на это.


html css pdf-generation pdfmake
person rashadb    schedule 29.08.2015    source источник
comment
Я так ничего и не нашел, но в конце концов я вытащил это.   -  person rashadb    schedule 06.09.2015

Ответы (3)


arrow_upward
17
arrow_downward

Вот, пожалуйста.. По крайней мере, поддерживаются стили без комментариев ниже. Я попробовал это сам.

['font',
'fontSize',
'bold',
'italics',
'alignment',
'color',
'columnGap',
'fillColor',
'decoration',
'decorationStyle',
'decorationColor',
'background',
'lineHeight'
//'tableCellPadding'
// 'cellBorder',
// 'headerCellBorder',
// 'oddRowCellBorder',
// 'evenRowCellBorder',
// 'tableBorder'
]

Вы можете использовать вышеуказанные стили, как показано ниже.

var dd = {
    content: [
        { 
            text: 'This is a header, using header style', 
            style: 'header' 
        }
    ],
    styles: {
        header: {
            fontSize: 18,
            bold: true,
            background: '#ff1'
        }
    }
}
person iSomniac    schedule 27.09.2015
comment
есть ли способ изменить регистр текста - person Anoop P S; 30.01.2020

arrow_upward
0
arrow_downward

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

// margin: [left, top, right, bottom]
{ text: 'sample', margin: [ 5, 2, 10, 20 ] },

// margin: [horizontal, vertical]
{ text: 'another text', margin: [5, 2] },

// margin: equalLeftTopRightBottom
{ text: 'last one', margin: 5 }

Он взят из документации здесь.

person Romo    schedule 22.06.2019

arrow_upward
0
arrow_downward

Обновление: 27 мая 2020 г. из ответа Github

Расширение ответа @Romo:

[
'font',
'fontSize',
'bold',
'italics',
'alignment',
'color',
'columnGap',
'fillColor',
'decoration',
'decorationStyle',
'decorationColor',
'background',
'lineHeight'
'listType' // <=== Added  
]

Он принимает несколько вариантов:

«нет», «верхний латинский», «круг», «квадрат»

person Despertaweb    schedule 27.05.2020