GoJS自定义圆角矩形的圆角角度

最新推荐文章于 2024-02-15 00:09:46 发布

菜鸟圈大当家

最新推荐文章于 2024-02-15 00:09:46 发布

阅读量1.3k

点赞数

分类专栏： GoJS

本文链接：https://blog.csdn.net/m0_37780367/article/details/104631518

版权

GoJS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

自定义圆角矩形的圆角角度，默认角度p1=5。

go.Shape.defineFigureGenerator("RoundedRectangle", function(shape, w, h) {
                // this figure takes one parameter, the size of the corner
                var p1 = 10; // default corner size
                if (shape !== null) {
                    var param1 = shape.parameter1;
                    if (!isNaN(param1) && param1 >= 0) p1 = param1; // can't be negative or NaN
                }
                p1 = Math.min(p1, w / 2);
                p1 = Math.min(p1, h / 2); // limit by whole height or by half height?
                var geo = new go.Geometry();
                // a single figure consisting of straight lines and quarter-circle arcs
                geo.add(new go.PathFigure(0, p1)
                    .add(new go.PathSegment(go.PathSegment.Arc, 180, 90, p1, p1, p1, p1))
                    .add(new go.PathSegment(go.PathSegment.Line, w - p1, 0))
                    .add(new go.PathSegment(go.PathSegment.Arc, 270, 90, w - p1, p1, p1, p1))
                    .add(new go.PathSegment(go.PathSegment.Arc, 0, 90, w - p1, h - p1, p1, p1))
                    .add(new go.PathSegment(go.PathSegment.Arc, 90, 90, p1, h - p1, p1, p1).close()));
                // don't intersect with two top corners when used in an "Auto" Panel
                geo.spot1 = new go.Spot(0, 0, 0.3 * p1, 0.3 * p1);
                geo.spot2 = new go.Spot(1, 1, -0.3 * p1, 0);
                return geo;
            });