2013-02-22 48 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