如何使矩形的特定边可以调整大小
How to make specific sides of rectangle to be resizable?
我想在Graphiti中调整矩形的几条或单侧的大小。如果有人有任何想法,请帮帮我。
提前谢谢。
在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日发布
相关文章:
- 如何使矩形的特定边可以调整大小
- 使可调整大小的手柄在具有指定尺寸的画布上可见
- 如何使内容脚本中的调整大小事件起作用
- Css-是否可以在调整屏幕大小时使元素移动,以使其适合屏幕
- HTML5画布如何使图像可以通过Kinetic.js调整大小
- 使用Javascript调整图像大小,使其适合视口
- 调整脚本大小可以向上而不是向下缩放.使用行列式会使它跳跃
- 如何使窗口在调整大小到1000px以下时水平滚动
- 预加载图像,使其不会't在加载过程中重新调整大小
- 使条形图根据传入的数据进行调整
- 使用 jQuery 调整宽度,使 p 元素高 4 行
- 按比例调整图像大小的算法,使其尽可能接近给定尺寸
- 如何使可由用户调整大小的画布窗口在调整浏览器窗口大小时也缩小或缩小
- 调整图像大小以使其完美地适合幻灯片,问题仍然是用 for 循环将 CSS 代码替换为我的图像
- 使用 setTimeout() 循环,使矩形变大,直到它到达画布边缘,然后重置
- 使 iframe 自动调整高度
- 如何调整浏览器窗口的大小,使内部宽度为特定值
- 如何调整jQuery动画以使元素保持在中间
- 如何使搜索框自动定位和自动调整大小,而不考虑屏幕分辨率
- 需要调整左侧滚动以使选项卡在 AngularJS 应用程序中占据