# basecanvas

**Repository Path**: wangdongdong1194/basecanvas

## Basic Information

- **Project Name**: basecanvas
- **Description**: 使用canvas绘制FB、FU，执行click选择、hover、拖动等事件
- **Primary Language**: TypeScript
- **License**: ISC
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-04-19
- **Last Updated**: 2025-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: WMIND, Canvas, TypeScript

## README

# 说明

## 从0到1:创建项目
~~~
# 创建pacakge.json文件
npm init -y

# 安装5版本的脚手架
npm i --save-dev webpack-cli@5.1.4

# 生成目录
npx webpack-cli create
~~~

## node 版本
- v18.20.4

# 若发布到npm后不能直接引用
    - 在 tsconfig.json 中配置如下
        ~~~
        "moduleResolution": "node"
        ~~~

# 需求
1. 节点针脚连接线未实现
    - 基本绘制线
        > 从左侧绑定变量背景中心出发到右侧的
        1. 第一个点：左侧绑定变量背景中心
        2. 第二个点：左侧最大背景右侧 + gap * i
            - 线向下 gap * i
            - 线向下 gap * (len - i)