2016-09-27 74 views
0

我正在使用PdfMake在客戶端生成pdf。我儲存的技能列表中的數組,像這樣:PdfMake使用樣式顯示動態數據

var skills: ["hiking", "running", "typing", "etc"]; 

我試圖表現出類似的這樣這個數組的技能(與造型諸如邊界半徑和背景顏色等)棧溢出:

enter image description here

PdfMake不提供,我知道其中的任何功能將允許我這樣做。有誰知道我可以如何使用pdf製作標籤作爲標籤來顯示數據數組?

回答

0

這樣的事情?

var skills = ["hiking", "running", "typing", "etc"]; 
 
for (i=0; i<skills.length; i++) { 
 
    document.write("<a class='tag'>"+skills[i]+"</a>"); 
 
}
a.tag { 
 
    background: grey; 
 
    padding: 5px 10px; 
 
    color: white; 
 
    font-family: sans-serif; 
 
    font-size: 11px; 
 
    border-radius: 4px; 
 
    margin-right: 1px; 
 
    }