svg-path-editor:在线编辑器,用于创建和操作SVG路径

时间:2024-04-08 00:12:35
【文件属性】:

文件名称:svg-path-editor:在线编辑器,用于创建和操作SVG路径

文件大小:1.14MB

文件格式:ZIP

更新时间:2024-04-08 00:12:35

svg svg-path svg-editor svg-parser TypeScript

SvgPathEditor 在浏览器中编辑或创建SVG路径: : 如何使用 基本的: 在路径字段中粘贴或编辑原始路径 单击+将新命令添加到路径,选择类型,然后单击目标 通过拖放移动点 单击一个点,然后在...按钮上,在选定的命令之后立即插入一个命令,以将其删除或更改其类型 命令面板: 单击命令类型以在相对坐标和绝对坐标之间切换 相对命令类型为橙色,绝对命令为紫色 单击...,然后单击删除以删除命令 单击...,然后在之后插入,以在所选命令之后立即插入新命令 单击...,然后单击转换以将所选命令转换为新类型 视图框: 使用鼠标滚轮,或单击放大和缩小以放大/缩小 使用拖放移动viewBox 单击“缩放至适合”以根据当前路径自动设置viewBox 也可以使用x , y , width和height字段手动设置ViewBox 路径操作: 使用“缩放”按钮缩放完整路径 使用“翻译”按钮翻译完整


【文件预览】:
svg-path-editor-master
----.gitignore(631B)
----Dockerfile(206B)
----e2e()
--------src()
--------tsconfig.json(217B)
--------protractor.conf.js(808B)
----package.json(1KB)
----tslint.json(3KB)
----package-lock.json(577KB)
----src()
--------app()
--------assets()
--------custom-theme.scss(1KB)
--------main.ts(372B)
--------test.ts(753B)
--------environments()
--------index.html(732B)
--------favicon.ico(17KB)
--------styles.scss(3KB)
--------polyfills.ts(3KB)
----.dockerignore(26B)
----karma.conf.js(1KB)
----LICENSE(11KB)
----doc()
--------screenshot.png(1.03MB)
----tsconfig.spec.json(270B)
----tsconfig.json(489B)
----docker-compose.yml(347B)
----update-gh-pages.sh(490B)
----.browserslistrc(429B)
----angular.json(4KB)
----tsconfig.app.json(210B)
----README.md(3KB)
----.editorconfig(274B)

网友评论