├── test
├── test.ai
├── file-sample.svg
├── stepsample-line.svg
├── stepsample-curve.svg
├── stepsample-leftcurve.svg
├── stepsample-rightcurve.svg
├── stepsample-3curves.svg
├── test.js
├── test_bkup.step
├── stepsample-line.step
├── stepsample-curve.step
├── stepsample-leftcurve.step
├── stepsample-rightcurve.step
├── test_bkup2.step
├── stepsample-3curves.step
├── test2.step
└── test.step
├── src
├── calc.js
├── clipboard.js
├── item-SVGPath.js
├── svgParser.js
└── svg2stp.js
├── README.md
├── LICENSE.txt
├── index.html
├── data
└── data.js
├── script.js
└── css
└── main.css
/test/test.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iskwmsy/svg2step/HEAD/test/test.ai
--------------------------------------------------------------------------------
/test/file-sample.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
--------------------------------------------------------------------------------
/test/stepsample-line.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
--------------------------------------------------------------------------------
/test/stepsample-curve.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
--------------------------------------------------------------------------------
/test/stepsample-leftcurve.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
--------------------------------------------------------------------------------
/test/stepsample-rightcurve.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
--------------------------------------------------------------------------------
/test/stepsample-3curves.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
--------------------------------------------------------------------------------
/src/calc.js:
--------------------------------------------------------------------------------
1 | export { calc_roundNumber, calc_degreesToRadians, calc_multiplyMatrix };
2 |
3 | function calc_roundNumber(number, decimalPlaces = 3) {
4 | const factor = Math.pow(10, decimalPlaces);
5 | return Math.round(number * factor) / factor;
6 | }
7 |
8 | function calc_degreesToRadians(degrees) {
9 | return (degrees * Math.PI) / 180;
10 | }
11 |
12 | // Function to multiply two matrices
13 | function calc_multiplyMatrix(a, b) {
14 | const rowsA = a.length;
15 | const colsA = a[0].length;
16 | const rowsB = b.length;
17 | const colsB = b[0].length;
18 | const result = new Array(rowsA).fill(0).map(() => new Array(colsB).fill(0));
19 | if (colsA !== rowsB) {
20 | throw new Error("Columns of matrix A must match rows of matrix B.");
21 | }
22 |
23 | a.forEach((rowA, i) => {
24 | b[0].forEach((_, j) => {
25 | let sum = 0;
26 | rowA.forEach((_, k) => {
27 | sum += a[i][k] * b[k][j];
28 | });
29 | result[i][j] = sum;
30 | });
31 | });
32 | return result;
33 | }
34 |
--------------------------------------------------------------------------------
/src/clipboard.js:
--------------------------------------------------------------------------------
1 | // Copy & Paste
2 | export { copyToClipBoard, pasteFromClipBoard };
3 |
4 | async function copyToClipBoard() {
5 | //let data = getSVGText();
6 | let data = "Hello World";
7 | try {
8 | await navigator.clipboard.writeText(data);
9 | console.log("Copy Succeeded");
10 | } catch (err) {
11 | console.error("Fail, or user denied.");
12 | }
13 | }
14 |
15 | async function pasteFromClipBoard() {
16 | try {
17 | const clipText = await navigator.clipboard.readText(); // Use await here and remove .then
18 | //console.log("Imported text from clipboard = " + clipText);
19 | console.log("Paste Succeeded");
20 | return clipText;
21 | } catch (err) {
22 | console.error("Fail, or user denied.");
23 | }
24 | }
25 |
26 | // function saveAsSVGFile() {
27 | // let fileName = "dim-export.svg";
28 | // let url = "data:image/svg+xml;utf8," + encodeURIComponent(getSVGText());
29 | // let link = document.createElement("a");
30 | // link.download = fileName;
31 | // link.href = url;
32 | // link.click();
33 | // }
34 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # svg2step
2 |
3 | ## What is this ?
4 |
5 | - A handy tool to copy and paste Adobe Illustrator path data (svg) and convert to a .step file (ISO 10303-21).
6 | - Developed to import path to Plasticity (https://www.plasticity.xyz).
7 | - Try here https://dev.cog.ooo/svg2step/
8 | - 2023/5/22 ver 1.1 enabled svg file import from finder(explorer).
9 | - 2023/5/20 ver 1.0
10 |
11 | ## How to use
12 |
13 | - Copy and Paste paths from Adobe Illustrator (or other apps) to the app and click the download button.
14 | - Watch how it works.
15 | https://twitter.com/kamone/status/1660366447204507649?s=46&t=YcgSNF5WWYgGoKaLIf18NQ
16 | https://twitter.com/kamone/status/1659889118833426436?s=20
17 |
18 | ## Issues
19 |
20 | - Sometimes complex paths with many overlapping points may not import correctly. Try to simplify your path inside your vector design app.
21 |
22 | ### files
23 |
24 | - ./index.html
25 | - ./script.js
26 |
27 | - ./lib/ Paper.js is here.
28 | - ./src/ modules.
29 | - ./test/ files used during development.
30 | - ./css/
31 | - ./data/ sample data for test
32 |
33 | ## LICENSE
34 |
35 | This repository is published under an MIT License. See the included [LICENSE file](./LICENSE.txt).
36 |
--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) 2023 Masaya Ishikawa
2 | http://www.cog.ooo/
3 | All rights reserved.
4 |
5 | The MIT License (MIT)
6 |
7 | Permission is hereby granted, free of charge, to any person obtaining a copy
8 | of this software and associated documentation files (the "Software"), to deal
9 | in the Software without restriction, including without limitation the rights
10 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11 | copies of the Software, and to permit persons to whom the Software is
12 | furnished to do so, subject to the following conditions:
13 |
14 | The above copyright notice and this permission notice shall be included in all
15 | copies or substantial portions of the Software.
16 |
17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
23 | SOFTWARE.
24 |
25 | Program uses the following files from other authors;
26 | see their respective license headers for more details:
27 | Paper.js : 2011 - 2020, Jürg Lehni & Jonathan Puckey, MIT License
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | svg2step
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
23 |
24 |
25 |