代码之家 › 专栏 › 技术社区 › Andy.Diaz

在Draw2d touch中填充路径节点

draw2d-js raphael svg

0

Andy.Diaz · 技术社区 · 10 年前

我想做一个连接矩形和路径(三角形)的箭头。这是我的代码:

var svgCarga = [
  '<svg xmlns="http://www.w3.org/2000/svg" version="1.1">',
  '<rect opacity="0" height="50" width="50" y="0" x="0" stroke-width="0" stroke="#000" fill="#fff"/>',
  '<rect stroke="#000" height="29.875" width="4" y="6.3125" x="23" stroke-width="0" fill="#000000"/>',
  '<path fill="#000000" stroke="#000" d="m17.41375,36.090939l7.4375,10l7.4375,-10l-14.875,0z" stroke-width="1"/>',
  '</svg>',
].join();


Carga = draw2d.SVGFigure.extend({
  NAME: 'Carga',
  init: function() {
    this._super();
    this.width = 65;
    this.height = 65;
  },
  getSVG: function() {
    return svgCarga;
  }
});

如您所见,路径有一个属性:fill=“#000000”,但渲染时显示fill=”none“。。。如果我手动更改此属性,将显示填充的路径。

Debugger View

1 回复 | 直到 10 年前

1

B. Youcef 10 年前

我不知道你到底想做什么。

我想你现在不能在Draw2D中填充SVG路径( 请记住,SVGFigure的导入目前非常有限 )

'<path fill="#000000" stroke="#000" d="m17.41375,36.090939l7.4375,10l7.4375,-10l-14.875,0z" stroke-width="1"/>'

可以使用多边形来实现这一点,如下所示:

'<polygon points="25,45 15,35 35,35" fill="#000000" stroke="#000" stroke-width="1" />'

希望这是你想要的:)

参考:

http://draw2d.org/draw2d_touch/jsdoc_5/#!/guide/extending_svg_figure