如何解决关节:如何将 icomoon 图标包含到 rappid 的自定义形状中
我使用 rappid 框架来制作 HTML 图表工具。我使用以下示例使用 rappid 命名空间中的 dia.Element
制作了自定义形状。无论如何,图像使用 SVG 工作正常,但我想改用 icomoon/font-awesome 图标。
export const Element = dia.Element.define(
"custom.Element",{
size: {height: 165,width: 140},attrs: {
body: {
refWidth: "100%",refheight: "100%",fill: "transparent",},logoWrapper: {
refX2: 25,refY2: 40,logoContainer: {
height: 75,width: 90,fill: "#fff",stroke: "#9C9C9C",rx: 6,ry: 6,applogo: {
width: 48,height: 48,refX: 21,refY: 14,fontFamily: "icomoon",content: `\eb65`,text: `\eb65`,...otherProps,} as Record<string,SVGAttributes>,{
markup: [
{
tagName: "rect",selector: "body",{
tagName: "g",selector: "logoWrapper",children: [
{
tagName: "rect",selector: "logoContainer",{
tagName: "text",selector: "applogo",...otherMarkup,],] as dia.MarkupJSON,}
);
applogo: {
width: 48,// here I've used the font-family or content/text
// to fiddle with it,but no luck
fontFamily: "icomoon",}
标记是这样的:
{
tagName: "text",
任何帮助将不胜感激。谢谢。
解决方法
我终于通过使用正确的字体代码解决了它。需要将 \u
附加到 text
字符串。并且不再需要 content
道具。
{
text: '\ueb65'
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。