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

在Draw2d touch中填充路径节点

  •  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
  •  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