如何使矩形的特定边可调整大小？答案

【问题标题】：How to make specific sides of rectangle to be resizable?如何使矩形的特定边可调整大小？
【发布时间】：2012-08-23 07:01:37
【问题描述】：

我想在 Graphiti 中调整矩形的少数或单边的大小。如果有人有任何想法，请帮助我。

提前致谢。

【问题讨论】：

标签： javascript raphael graphiti-js

【解决方案1】：

在 1.0.0 版本中，您可以覆盖 Figure.showResizeHandles 方法。示例参见 HorizontalBus 图

/**
 * @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();
 },

这会在右侧和左侧创建两个调整大小手柄，并具有父级的全高图。

1.0.0 版将于 9 月 17 日发布

【讨论】：

非常感谢。我会期待下一个版本。这将非常有帮助:)
嗨 Andreas，在上面的场景中，调整大小的手柄销将从画布上消失。是否可以显示调整大小的句柄但不让他们调整图形的大小？谢谢