2013-02-22 46 views
0

我知道在java中相當平靜的processing.org。我喜歡它。從一點點我已經做了一些與HTML,JavaScript的,CSS,jQuery的,d3.js的工作。我很驚訝,我可以很好地和輕鬆地設計我的東西:用css。我非常喜歡它。做代碼,並設置可視化輸出的樣式。忘記頭痛的嘗試編寫一些漂亮的繪圖元素,管理gui元素之間的不同顏色,字體,邊距和浮點數。我該如何處理processing.js元素?

現在,只是爲了試試看,我想圖如何syle processing.org字體?

附言:我使用純JS代碼processing.js描述here

回答

1

聲明自己的CSS的@ font-face規則,一些FONT-FAMILY名稱,比如「ABCXYZ」,然後在草圖代碼使用var pfont = createFont(「ABCXYZ」,[size]);調用設置你的字體,然後像使用textFont(pfont)

+0

完美!我使用普通的JavaScript處理不導入它在全局命名空間,所以我不得不使用processing.createfont()和processin.text(),但它的工作原理! – nkint 2013-02-23 15:18:03

+0

var p = new Processing([canvas reference]); p.setup = function(){p.textFont(p.createFont(「ABCXYZ」,12)); [...]}; p.draw()= function(){...}; p.setup(); – 2013-02-23 15:30:35