javascript - 長方形の特定の辺をサイズ変更可能にする方法は?

Question

Graphiti でサイズ変更できるように、長方形の一部または 1 つの辺を作成したいと考えています。誰かが何か考えを持っているなら、私を助けてください。

前もって感謝します。

Answer 1

バージョン 1.0.0 では、 Figure.showResizeHandlesメソッドをオーバーライドできます。例については、Horizo​​ntalBus の図を参照してください。

/**
 * @method
 * Callback to update the visibility of the resize handles
 * 
 * @param {graphiti.Canvas} canvas
 * @param {graphiti.ResizeHandle} resizeHandle1 topLeft resize handle
 * @param {graphiti.ResizeHandle} resizeHandle2 topCenter resize handle
 * @param {graphiti.ResizeHandle} resizeHandle3 topRight resize handle
 * @param {graphiti.ResizeHandle} resizeHandle4 rightMiddle resize handle
 * @param {graphiti.ResizeHandle} resizeHandle5 bottomRight resize handle
 * @param {graphiti.ResizeHandle} resizeHandle6 bottomCenter resize handle
 * @param {graphiti.ResizeHandle} resizeHandle7 bottomLeft resize handle
 * @param {graphiti.ResizeHandle} resizeHandle8 leftMiddle resize handle
 * @template
 */
 showResizeHandles: function(canvas, resizeHandle1, resizeHandle2, resizeHandle3, resizeHandle4, resizeHandle5, resizeHandle6, resizeHandle7, resizeHandle8)
 {
    resizeHandle4.setDimension(resizeHandle4.getWidth(), this.getHeight());
    resizeHandle8.setDimension(resizeHandle4.getWidth(), this.getHeight());

    this._super(canvas, resizeHandle1, resizeHandle2, resizeHandle3, resizeHandle4, resizeHandle5, resizeHandle6, resizeHandle7, resizeHandle8);

    resizeHandle1.hide();
    resizeHandle2.hide();
    resizeHandle3.hide();
    resizeHandle5.hide();
    resizeHandle6.hide();
    resizeHandle7.hide();
 },

これにより、左右に 2 つのサイズ変更ハンドルが作成され、親 Figure の高さ全体が保たれます。

リリース 1.0.0 は 9 月 17 日にリリースされます