0

長方形とパス（三角形）を結ぶ矢印を作成しようとしています。これは私のコードです：

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" が表示されます... この属性を手動で変更すると、パスが塗りつぶされて表示されます。

デバッガ 意見

4

1 に答える 1

1

あなたが正確に何をしたいのかわかりません。

今のところ、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
于 2014-09-11T07:58:01.000 に答える