【问题标题】:Using font icons in qooxdoo svg在 qooxdoo svg 中使用字体图标
【发布时间】:2017-10-19 09:32:56
【问题描述】:

我想在 qooxdoo 的 SVG 中使用字体图标。我该如何添加它们?例如:fontFamily: "@webIconfont30/e64b",但它不起作用。

【问题讨论】:

  • 你能告诉我更多关于你正在编写的 qooxdoo 代码吗?
  • @webIconfont30/e64b 是一个字体图标。我的代码:var iconFont = new svg.text.Text().set({ fontFamily: "@webIconfont30/e64b", fontSize: 30, fill: "rgb(9, 60, 107)" });
  • 您能否提供更多详细信息。也许是您正在尝试做的事情和正在做的事情的最小工作示例?
  • @Tobi Oetiker @webIconfont30/e64b 是一个字体图标。我的代码: var iconFont = new svg.text.Text().set({ fontFamily: "@webIconfont30/e64b", fontSize: 30 , 填充: "rgb(9, 60, 107)" });
  • @Stein 在 SVG 中创建字体图标。

标签: svg qooxdoo


【解决方案1】:

如果我正确理解您的问题,那么您想使用图标字体中的字形作为图像,例如一个 qooxdoo 按钮。

你必须使用当前的 qooxdoo master 因为图标字体支持是几周前添加到 master 中的。

它基本上允许您在qx.ui.basic.Image 中使用图标字形,qx.ui.basic.Imageqx.ui.basic.Atom 的子小部件,它本身就是基类,例如。为qx.ui.form.Button

请查看http://www.qooxdoo.org/5.1/pages/development/icon_fonts.html 的文档,其中包含有关FontForge 及其python 包等先决条件的信息,以及在配置您的qooxdoo 项目时需要进行哪些更改。

由于在 qooxdoo 中存在许多与图标字体使用相关的问题,因此我使用 fontawesome 中的图标设置了一个简单的示例 qooxdoo 应用程序,它可以指导您完成第一步: https://github.com/level420/iconfont

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-21
    • 1970-01-01
    • 1970-01-01
    • 2019-02-24
    • 2015-04-02
    • 2019-11-11
    相关资源
    最近更新 更多