在Node环境中借助svgdom使用SVG.js插件svg.path.js的方法咨询

我来帮你搞定这个问题，在Node环境下搭配svgdom使用svg.path.js插件其实很简单，按下面的步骤操作就行：

1. 先安装插件 #

首先不需要手动找文件位置，直接通过包管理器安装官方的svg.path.js插件即可，它会自动被放在项目的node_modules目录下，Node.js能直接识别到。打开终端在项目目录执行：

npm install @svgdotjs/svg.path.js
# 或者用yarn
yarn add @svgdotjs/svg.path.js

2. 修改现有代码引入插件 #

插件是SVG.js的官方扩展，只需要在引入@svgdotjs/svg.js之后，直接require插件即可——它会自动注册到SVG.js的API里，不需要额外的注册步骤。

修改后的完整代码示例：

const window = require('svgdom')
const document = window.document
const {SVG, registerWindow} = require('@svgdotjs/svg.js')
// 引入svg.path.js插件，这一行是新增的
require('@svgdotjs/svg.path.js')

registerWindow(window, document)
const canvas = SVG(document.documentElement)

// 保留你原来的矩形
canvas.rect(100,100).fill('yellow').move(50,50)
// 现在可以使用插件提供的path方法绘制路径了
canvas.path('M20 20 C20 100 200 100 200 20').stroke('blue').fill('none')

console.log(canvas.svg())

3. 验证效果 #

运行修改后的代码，你会看到输出的SVG代码里，既包含原来的黄色矩形，也包含用插件绘制的蓝色路径图形，说明插件已经正常工作了。

小提示 #

• 要确保@svgdotjs/svg.js和@svgdotjs/svg.path.js的版本兼容，建议安装最新版本的两者，避免版本不匹配导致的功能异常。
• 后续如果要使用其他SVG.js插件，也是同样的流程：安装后直接require即可，插件会自动扩展SVG.js的功能。

内容的提问来源于stack exchange，提问作者Bigus