1. @antv/path-util
A common util collection for antv projects
@antv/path-util
Package: @antv/path-util
Created by: antvis
Last modified: Sun, 28 Apr 2024 09:02:34 GMT
Version: 3.0.1
License: MIT
Downloads: 1,220,526
Repository: https://github.com/antvis/util

Install

npm install @antv/path-util
yarn add @antv/path-util

path-util

antv 开发的轻量级 path 处理的工具库。

安装下载

tnpm i --save @antv/util

 // 所有的 api 是都这么引入,名字不同而已
import { parsePathString, path2Curve } from '@antv/path-util';

API 文档

  • catmullRom2Bezier(arr, closed): 将点的数组转成曲线
  • fillPath(source, target): 动画前填充path
  • fillPathByDiff(source, target): 左右平移动画前的填充 path
  • pathIntersection(path1, path2): 两条线的交点
  • parsePathArray(arr) String : 将数组转成字符串
  • parsePathString(str)String[]: 将字符串转换成数组
  • path2Curve(arr|str) String[]: 转曲
  • path2Absolute(arr|str) String[]: 都转换成大写绝对路径的写法
  • reactPath(x, y, w, h, r) String[]: 支持圆角的矩形

实例

TODO 完善上述各个方法的使用实例。

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin