{"id":33067230,"url":"https://svg-edit.github.io/svgedit/","last_synced_at":"2025-11-23T20:00:39.148Z","repository":{"id":18428290,"uuid":"21611548","full_name":"SVG-Edit/svgedit","owner":"SVG-Edit","description":"Powerful SVG-Editor for your browser","archived":false,"fork":false,"pushed_at":"2025-09-11T17:48:42.000Z","size":122686,"stargazers_count":7331,"open_issues_count":47,"forks_count":1680,"subscribers_count":217,"default_branch":"master","last_synced_at":"2025-11-18T06:21:43.317Z","etag":null,"topics":["javascript","svg","svg-edit","svg-editor"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SVG-Edit.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGES.md","contributing":"docs/Contributing.md","funding":".github/FUNDING.yml","license":"LICENSE-MIT.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["brettz9","OptimistikSAS"]}},"created_at":"2014-07-08T12:22:05.000Z","updated_at":"2025-11-18T04:46:20.000Z","dependencies_parsed_at":"2024-04-25T15:25:55.032Z","dependency_job_id":"9e65b41c-35ad-4415-94b2-ad436c00a5b4","html_url":"https://github.com/SVG-Edit/svgedit","commit_stats":{"total_commits":3742,"total_committers":114,"mean_commits":"32.824561403508774","dds":0.810529128808124,"last_synced_commit":"403237c18228df15846374a8ca789cccf5237ec4"},"previous_names":[],"tags_count":26,"template":false,"template_full_name":null,"purl":"pkg:github/SVG-Edit/svgedit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SVG-Edit%2Fsvgedit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SVG-Edit%2Fsvgedit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SVG-Edit%2Fsvgedit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SVG-Edit%2Fsvgedit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SVG-Edit","download_url":"https://codeload.github.com/SVG-Edit/svgedit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SVG-Edit%2Fsvgedit/sbom","scorecard":{"id":124605,"data":{"date":"2025-08-11","repo":{"name":"github.com/SVG-Edit/svgedit","commit":"7c69c522094fe2f3a023e87b0f22574c7ff73315"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3.7,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/npmpublish on demand.yml:1","Warn: no topLevel permission defined: .github/workflows/npmpublish.yml:1","Warn: no topLevel permission defined: .github/workflows/onpush.yml:1","Info: no jobLevel write permissions found"],"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Code-Review","score":3,"reason":"Found 11/29 approved changesets -- score normalized to 3","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":5,"reason":"5 commit(s) and 2 issue activity found in the last 90 days -- score normalized to 5","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Pinned-Dependencies","score":2,"reason":"dependency not pinned by hash detected -- score normalized to 2","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish on demand.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish on demand.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish on demand.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish on demand.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish on demand.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish on demand.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish on demand.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish on demand.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npmpublish.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/npmpublish.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/onpullrequest.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/onpullrequest.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/onpullrequest.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/onpullrequest.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/onpush.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/onpush.yml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/onpush.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SVG-Edit/svgedit/onpush.yml/master?enable=pin","Info:   0 out of  12 GitHub-owned GitHubAction dependencies pinned","Info:   5 out of   5 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE-MIT.txt:0","Info: FSF or OSI recognized license: MIT License: LICENSE-MIT.txt:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Branch-Protection","score":-1,"reason":"internal error: error during branchesHandler.setup: internal error: githubv4.Query: Resource not accessible by integration","details":null,"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 22 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"18 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-x2rg-q646-7m2v","Warn: Project is vulnerable to: GHSA-jgmv-j7ww-jx2x","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-5g97-whc9-8g7j","Warn: Project is vulnerable to: GHSA-8r4g-cg4m-x23c","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T03:27:11.683Z","repository_id":18428290,"created_at":"2025-08-16T03:27:11.683Z","updated_at":"2025-08-16T03:27:11.683Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286012946,"owners_count":27270737,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-23T02:00:06.149Z","response_time":135,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","svg","svg-edit","svg-editor"],"created_at":"2025-11-14T08:00:34.738Z","updated_at":"2025-11-23T20:00:39.137Z","avatar_url":"https://github.com/SVG-Edit.png","language":"JavaScript","funding_links":["https://github.com/sponsors/brettz9","https://github.com/sponsors/OptimistikSAS"],"categories":["IMAGES and Audio"],"sub_categories":["Image"],"readme":"\u003cimg src=\"https://svg-edit.github.io/svgedit/src/editor/images/logo.svg\" width=\"50\" height=\"50\" /\u003e\n\n# SVGEdit\n\n[![npm](https://img.shields.io/npm/v/svgedit.svg)](https://www.npmjs.com/package/svgedit)\n[![Actions Status](https://github.com/SVG-Edit/svgedit/workflows/Node%20CI/badge.svg)](https://github.com/SVG-Edit/svgedit/actions)\n[![Known Vulnerabilities](https://snyk.io/test/github/SVG-Edit/svgedit/badge.svg)](https://snyk.io/test/github/SVG-Edit/svgedit)\n[![Total Alerts](https://img.shields.io/lgtm/alerts/g/SVG-Edit/svgedit.svg?logo=lgtm\u0026logoWidth=18)](https://lgtm.com/projects/g/SVG-Edit/svgedit/alerts)\n[![Code Quality: Javascript](https://img.shields.io/lgtm/grade/javascript/g/SVG-Edit/svgedit.svg?logo=lgtm\u0026logoWidth=18)](https://lgtm.com/projects/g/SVG-Edit/svgedit/context:javascript)\n\n**SVGEdit** is a fast, web-based, JavaScript-driven SVG drawing editor that\nworks in any modern browser. **SVGEdit** is based on a powerful SVG canvas **@svgedit/svgcanvas**\n\n![screenshot](docs/screenshot.png)\n[](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg)\n\n## Contributions\n\nSVGEdit is the most popular open source SVG editor. It was started more than 13 years ago by a fantastic team of developers. Unfortunately, the product was not maintained for quite a long time. We decided to give this tool a new life by refreshing many aspects.\n\nPlease let us know by creating an issue or a discussion if you wish to contribute.\n\n## I want to use SVGEdit\n\nThanks to **Netlify**, you can access the following builds from your favorite browser:\n\n- [Try SVGEdit V7 (master branch on github)](https://svgedit.netlify.app/editor/index.html)\n- [Try SVGEdit V7 (latest published version on npm)](https://unpkg.com/svgedit@latest/dist/editor/index.html)\n\n### Prior to V7:\n\nWe recommend using the V7 version but for older browsers or some abandoned features, you may need to access older versions of SVGEdit.\n\n- [Try SVGEdit 6.1.0 here](https://60a0000fc9900b0008fd268d--svgedit.netlify.app/editor/index.html)\n- [Try SVGEdit 5.1.0 here](https://unpkg.com/svgedit@5.1.0/editor/svg-editor.html)\n\nAdditional tip: you may try a version released on NPM using `unpkg`, for example, with version 3.2.0\n\n- [https://unpkg.com/svgedit@3.2.0/editor/svg-editor.html](https://unpkg.com/svgedit@3.2.0/editor/svg-editor.html)\n\n## I want to host SVGEdit in my environment\n\nIf you want to host a local version of SVGEdit, please follow these instructions:\n\n1. clone or copy the repository contents from github\n1. run `npm i` to install dependencies\n1. run `npm run build --workspace @svgedit/svgcanvas` to build the svgcanvas dependency locally\n1. to test, you can run `npm run start` to start a local server\n1. and access `http://localhost:8000/src/editor/index.html` with a supported browser\n1. run `npm run build` to build a bundle that you can serve from your own web server\n\n## I want to contribute to SVGEdit\n\n**Thanks!**\n\nSVGEdit is made of two major components:\n\n1. The \"svgcanvas\" that takes care of the underlying svg editor. It can be used to build your own editor\n1. The \"editor\" that takes care of the editor UI (menus, buttons, etc.)\n\nYou should fork SVGEdit in your github environment and install SVGEdit locally as explained above.\n\nBefore you submit your PR, please make sure you run locally:\n\n1. `npm run lint` to check that you follow the standardjs rules (https://standardjs.com/rules) for the linter\n1. `npm run test` to run a suite of Cypress tests (https://www.cypress.io/)\n\nIf you intend to contribute on a regular basis, let us know so we can add you to the maintainer team.\n\n## I want to integrate SVGEdit into my own Web application\n\nV7 is changing significantly the way to integrate and customize SVGEdit. You can have a look at `index.html` to see how you can insert a `div` element into your HTML code and inject the editor into the `div`.\n\n**Warning: This `div` can be positioned anywhere in the DOM but it must have a numeric width and a numeric height (i.e. not 'auto' which happens when the `div` is hidden)**\n\n```html\n\u003chead\u003e\n   \u003c!-- You need to include the CSS for SVGEdit somewhere in your application --\u003e\n  \u003clink href=\"./svgedit.css\" rel=\"stylesheet\" media=\"all\"\u003e\u003c/link\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n  \u003c!-- svgedit container can be positioned anywhere in the DOM\n       but it must have a width and a height --\u003e\n  \u003cdiv id=\"container\" style=\"width:100%;height:100vh\"\u003e\u003c/div\u003e\n\u003c/body\u003e\n\u003cscript type=\"module\"\u003e\n  /* You need to call the Editor and load it in the \u003cdiv\u003e */\n  import Editor from './Editor.js'\n  /* for available options see the file `docs/tutorials/ConfigOptions.md` */\n  const svgEditor = new Editor(document.getElementById('container'))\n  /* set the configuration */\n  svgEditor.setConfig({\n          allowInitialUserOverride: true,\n          extensions: [],\n          noDefaultExtensions: false,\n          userExtensions: []\n  })\n  /* initialize the Editor */\n  svgEditor.init()\n\u003c/script\u003e\n\u003c/html\u003e\n```\n\n## I want to build my own svg editor\nYou can just use the underlying canvas and use it in your application with your favorite framework.\nSee example in the demos folder or the svg-edit-react repository.\n\nTo install the canvas:\n\n`npm i -s '@svgedit/svgcanvas'`\n\nyou can then import it in your application:\n\n`import svgCanvas from '@svgedit/svgcanvas'`\n\n## Supported browsers\n\nDevelopment and Continuous Integration are done with a **Chrome** environment. Recent versions of Chrome, FireFox, and Safari are supported (in the meaning that we will try to fix bugs for these browsers).\n\nTo support old browsers, you may need to use an older version of the package. However, please open an issue if you need support for a specific version of your browser so that the project team can decide if we should support it in the latest version of SVGEdit.\n\n## Sample extension based on React\n\nA sample React component was used to build a SVGEdit extension.\n\nTo activate:\n\n- \"npm run build\" from the extension folder \"src/editor/react-extensions/react-test\" in order to create the bundle for the extension.\n- modify \"index.html\" to activate the extension as a `userExtensions`\n\n```javascript\nsvgEditor.setConfig({\n          allowInitialUserOverride: true,\n          extensions: [],\n          noDefaultExtensions: false,\n          userExtensions: ['./react-extensions/react-test/dist/react-test.js']\n        })\n```\n\n## Further reading and more information\n\n- Participate in [discussions](https://github.com/SVG-Edit/svgedit/discussions)\n- See [AUTHORS](AUTHORS) file for authors.\n- [StackOverflow](https://stackoverflow.com/tags/svg-edit) group.\n\n## Hosting\n\nSVGEdit versions are deployed to:\n\n[![Deploys by Netlify](https://www.netlify.com/img/global/badges/netlify-color-accent.svg)](https://www.netlify.com)\n\n---\n\n[⇈ Back to Top](#svgedit)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/svg-edit.github.io%2Fsvgedit%2F","html_url":"https://awesome.ecosyste.ms/projects/svg-edit.github.io%2Fsvgedit%2F","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/svg-edit.github.io%2Fsvgedit%2F/lists"}