1. 几何图形

对几何图形做管理、抽象，几何图形对象在jtopo中的应用：

    1. 当做Node节点对象的图形（Node的图形默认就是一个矩形）
    2. 当做布局的形状来使用
    3. 为动画、动效提供支持

2. 当做Node对象的内容

ShapeNode对象有一个方法: setShape();

import {Shape, ShapeNode, GeomUtils} from '@jtopo/core';

let shapeNode = new ShapeNode('y= cos(4 * x)', 0, -200, 100, 50);
shapeNode.setStyles({
    strokeStyle: 'rgb(0, 154, 147)',
    lineWidth: 2,
});


// 绘制一条 y = cos(4 * x) 的曲线
function cos4xLine() {
    let points = [];
    for (let x = 0; x <= Math.PI; x += 0.1) {
        let y = Math.cos(4 * x);
        points.push({ x: x, y: y });
    }
    // console.log(points.length);
    return GeomUtils.normalizePoints(points);
}

let points = cos4xLine();
let shape = new PolygonShape(points);
shape.isClosed = false;
shapeNode.setShape(shape)

要点

1. 几何对象创建或者生成后，建议不要修改，尽量保持不变。
2. 一个几何实例对象可以被多个Node共享, 通常不需要创建多个完全一样的实例。

3. 当做自定义布局

// 生成一个网格'形状'的点集合
const gridPoints = Shape.grid(rows, cols);

// 根据形状生成'布局'对象
const layout = layoutSystem.pointsLayout(nodes, gridPoints);

// 设置尺寸
layout.resize(300, 300);

// 中心位置
layout.translate(0, 0);

// 对布局进行旋转操作
layout.rotate(Math.PI / 4);

// 执行布局，可以带动画参数
layout.doLayout({
    effect: 'easeInQuart',
    duration: 3000,
});