github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/SVG-Edit/svgedit

Browse Source
This commit is contained in:
Agriya Dev5
2021-05-22 13:32:01 +05:30
parent acb667c446 bebc71358c
commit 0579213abf
1048 changed files with 54098 additions and 53780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.eslintignore
View File

@@ -20,17 +20,12 @@ svgedit-custom.css
# Vendor/minified files
src/editor/jquery.min.js
src/editor/jquery-ui
# Previously minified though exporting
src/editor/js-hotkeys
src/editor/jspdf/jspdf.min.js
src/editor/jspdf/underscore-min.js
src/editor/extensions/ext-mathjax/mathjax
# jquery files
src/editor/svgicons/jQuery.svgIcons.js
src/editor/jgraduate/jQuery.jPicker.js

291
.eslintrc.js
View File

@@ -8,7 +8,8 @@ module.exports = {
"plugin:promise/recommended",
"plugin:import/errors",
"plugin:markdown/recommended",
"plugin:sonarjs/recommended"
"plugin:sonarjs/recommended",
"eslint:recommended"
],
plugins: [ "jsdoc", "promise", "html", "import", "sonarjs" ],
parserOptions: {
@@ -19,30 +20,52 @@ module.exports = {
browser: true,
es6: true
},
settings: {
polyfills: [
// These are the primary polyfills needed by regular users if
// not present, e.g., with core-js-bundle; also those under
// extensions
"fetch",
"Promise",
"Promise.all",
// 'Set',
"Uint8Array",
"URL"
]
},
rules: {
// check-examples is not picking up eslint config properly in some
// environments; see also discussion above
// `mocha-cleanup/no-assertions-outside-it`
"sonarjs/cognitive-complexity": 0,
/** @todo len should probably more 120-150 */
"max-len": [ "warn", { "code": 250 } ],
/** @todo jsdoc should be made warn or error */
"valid-jsdoc": "off",
/** @todo cognitive complexity should be much lower (25-50?) */
"sonarjs/cognitive-complexity": [ "warn", 200 ],
/** @todo no param reassign creates too many warnings but should be a warning */
"no-param-reassign": "off",
"node/no-unsupported-features/es-syntax": 0,
"no-unused-vars": [ "error", { "argsIgnorePattern": "^_" } ],
"sonarjs/no-duplicate-string": 0,
"sonarjs/no-collapsible-if": 0,
"sonarjs/no-small-switch": 0,
"sonarjs/no-identical-functions": 0,
"sonarjs/no-duplicated-branches": 0,
"semi" : "error",
"no-trailing-spaces": "error",
"array-bracket-spacing": [ "error", "always" ],
"comma-spacing": "error",
"object-curly-spacing": [ "error", "always" ],
"no-console": [
"warn",
{ "allow": [ "warn", "error", "info", "table" ] }
],
"arrow-parens": [ "error", "always" ],
},
overrides: [
{
files: [ 'cypress/**/*' ],
extends: [
"plugin:cypress/recommended"
],
env: {
mocha: true,
node: true
},
globals: { "assert": true },
rules: {
// with ci, instrumented is not created before linter
"import/no-unresolved": [ 2, { ignore: [ 'instrumented' ] } ],
"node/no-missing-import": 0
}
},
{
files: [ 'docs/**/*' ],
rules: { // md files have example that don't need a strict checking
"no-undef": 0,
"import/no-unresolved": 0,
"node/no-missing-import": 0,
"jsdoc/check-examples": [
"warn",
{
@@ -51,229 +74,13 @@ module.exports = {
checkParams: true,
checkProperties: true
}
],
// The Babel transform seems to have a problem converting these
"prefer-named-capture-group": "off",
"jsdoc/require-file-overview": [
"error",
{
tags: {
file: {
initialCommentsOnly: true,
preventDuplicates: true
},
license: {
initialCommentsOnly: true,
preventDuplicates: true
},
copyright: {
initialCommentsOnly: true,
preventDuplicates: true
},
author: {
initialCommentsOnly: true,
preventDuplicates: true
},
module: {
initialCommentsOnly: true,
preventDuplicates: true
},
exports: {
initialCommentsOnly: true,
preventDuplicates: true
}
}
}
],
// Warning or Off for now but should be reviewed
// Override these rules which are difficult for us
// to apply at this time
"default-case": "off",
"require-unicode-regexp": "off",
"max-len": ["warn", { ignoreComments: true, code: 130 }], // 130 is too much but too many occurences
"eslint-comments/require-description": "off",
"compat/compat": "error",
"consistent-this": "off",
"import/no-anonymous-default-export": "off",
"node/no-unsupported-features/node-builtins": "warn",
"prefer-exponentiation-operator": "warn",
"node/no-unsupported-features/es-syntax": "off",
"no-unsanitized/method": [
"error",
{
escape: {
methods: ["encodeURIComponent", "encodeURI"]
}
}
]
}
},
overrides: [
// Locales have no need for importing outside of SVG-Edit
// and translations may need a longer line length
{
files: [
'src/editor/locale/lang.*.js',
'src/editor/extensions/*/locale/**',
'docs/tutorials/ExtensionDocs.md/*.js'
],
rules: {
"import/no-anonymous-default-export": "off",
files: [ 'src/editor/locale/*.js' ],
rules: { // lang files may have long length
"max-len": "off",
"node/no-missing-import": "off",
"import/no-unresolved": "off"
}
},
// These browser files don't do importing or requiring
{
files: [
"src/editor/touch.js",
"src/editor/typedefs.js",
"src/editor/redirect-on-no-module-support.js",
"src/editor/extensions/ext-imagelib/index.js",
"screencasts/svgopen2010/script.js"
],
rules: {
"import/unambiguous": ["off"]
}
},
{
files: ["**/*.html", "screencasts/**"],
globals: {
root: "off"
},
settings: {
polyfills: [
"document.querySelector",
"history",
"history.pushState",
"history.replaceState",
"location.hash",
"navigator",
"Number.parseFloat",
"Number.parseInt",
"Number.isNaN"
]
},
rules: {
"import/unambiguous": "off"
}
},
{
// As consumed by jsdoc, cannot be expressed as ESM
files: ["docs/jsdoc-config.js"],
parserOptions: {
sourceType: "script"
},
globals: {
module: false
},
rules: {
"import/no-commonjs": "off",
strict: "off"
}
},
{
files: ["cypress/**"],
extends: [
"plugin:cypress/recommended",
"plugin:mocha/recommended",
"plugin:mocha-cleanup/recommended-no-limits",
"plugin:@fintechstudios/chai-as-promised/recommended",
"plugin:chai-expect-keywords/recommended",
"plugin:chai-expect/recommended",
"plugin:chai-friendly/recommended"
],
env: {
node: true
},
settings: {
polyfills: [
"console",
"Date.now",
"document.body",
"document.createElementNS",
"document.head",
"DOMParser",
"Number.isNaN",
"Object.keys",
"Object.entries",
"Promise"
]
},
rules: {
// These errors are caused in Cypress files if user has not
// yet instrumented code; need to reinvestigate why we had to
// instrument separately from nyc mocha
"import/no-unresolved": ["error", { ignore: ["/instrumented/"] }],
"node/no-missing-import": "off",
"jsdoc/check-examples": "off",
"chai-expect-keywords/no-unsupported-keywords": [
"error",
{
allowChaiDOM: true
}
],
// Would be good but seems necessary due to some bugs in Cypress
// in detecting visibility
// 'cypress/no-force': 0,
// Good but would be difficult to enforce (and data-* may not be less
// brittle than IDs/classes anyways)
// 'cypress/require-data-selectors': 0,
"cypress/assertion-before-screenshot": 2,
// Conflicts with Cypress `should`
"mocha-cleanup/invalid-assertions": 0,
// Might see about working around to avoid the option limitation,
// but convenient
"mocha-cleanup/no-expressions-in-assertions": [
"error",
{
replacementsOnly: true
}
],
// Too oppressive when planning to extend a section
"mocha/no-hooks-for-single-case": 0,
// Would be good to enable but needs some refactoring
"mocha/no-setup-in-describe": 0,
"mocha-cleanup/no-outside-declaration": 0,
// Useful to ensure allowing `this.timeout()`, etc., but a
// little oppressive
"mocha/no-mocha-arrows": 0,
// Useful if enabling the regular `prefer-arrow-callback`
// 'mocha/prefer-arrow-callback': 2
"jsdoc/require-jsdoc": 0,
"no-console": 0,
"import/unambiguous": 0
}
},
{
// Node files
files: [
"docs/jsdoc-config.js",
"build/build-html.js",
"rollup.config.js",
"rollup-config.config.js"
],
env: {
node: true
},
settings: {
polyfills: ["console", "Promise.resolve"]
},
globals: {
require: true
},
rules: {
// We can't put Rollup in npmignore or user can't get access,
// and we have too many modules to add to `peerDependencies`
// so this rule can know them to be available, so we instead
// disable
"node/no-unpublished-import": "off"
}
}
]

2
.github/FUNDING.yml vendored
View File

@@ -1 +1 @@
github: [brettz9] # May have up to 4 comma-separated user names
github: [brettz9 , OptimistikSAS] # May have up to 4 comma-separated user names

2
.github/ISSUE_TEMPLATE/bug_report.md vendored
View File

@@ -4,7 +4,7 @@ about: Create a report in case we may be able to help
labels: bug - unconfirmed
---
**PLEASE NOTE: This project is not currently being actively developed due to the core developers having moved on, and the only remaining maintainer merely applying occasional minor PRs or tweaks to keep the project alive. While you can file an issue, you should not expect any action, even if we label the issue.**
**PLEASE NOTE: We are trying to make this project live again. While you can file an issue, we will do our best but you should not expect any action, even if we label the issue. However, we are welcoming new contributors **
**Describe the bug**
A clear and concise description of what the bug is.

20
.github/workflows/onpushandpullrequest.yml vendored Normal file
View File

@@ -0,0 +1,20 @@
name: Node CI
on: [push, pull_request]
jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: Use Node.js
uses: actions/setup-node@v2
with:
node-version: 14.x
- name: npm install, test and lint
run: |
npm ci
npm run lint
npm run test

8
.gitignore vendored
View File

@@ -1,21 +1,17 @@
ignore
node_modules
svgedit-custom.css
docs/jsdoc
cypress/results
cypress/screenshots
cypress/videos
cypress.env.json
coverage
instrumented
.nyc_output
mochawesome-report
mochawesome.json
.vscode
.eslintcache
.DS_Store
.idea
dist

6
CHANGES.md
View File

@@ -1,5 +1,11 @@
# SVG-Edit CHANGES
## 7.0.0 (preview - work in progress)
- New UI
- Rearchitecture the code (more modular)
- simplify and refresh the build process
- Introduce Web Component to replace jQuery UI
- update dependencies
## 6.0.0 (unreleased)
- Project: Add `FUNDING.yml` to accept contributions

1
Gemfile
View File

@@ -1 +0,0 @@
gem "github-pages", :source => "https://rubygems.org"

184
README.md
View File

@@ -1,4 +1,6 @@
# ![LOGO](src/editor/images/logo.png) SVG-edit
<img src="https://svg-edit.github.io/svgedit/src/editor/images/logo.svg" width="50" height="50" />
# SVG-Edit
[![npm](https://img.shields.io/npm/v/svgedit.svg)](https://www.npmjs.com/package/svgedit)
[![Dependencies](https://img.shields.io/david/SVG-Edit/svgedit.svg)](https://david-dm.org/SVG-Edit/svgedit)
@@ -14,204 +16,66 @@
[![Total Alerts](https://img.shields.io/lgtm/alerts/g/SVG-Edit/svgedit.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/SVG-Edit/svgedit/alerts)
[![Code Quality: Javascript](https://img.shields.io/lgtm/grade/javascript/g/SVG-Edit/svgedit.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/SVG-Edit/svgedit/context:javascript)
[![Licenses badge](https://raw.githubusercontent.com/SVG-Edit/svgedit/master/badges/licenses-badge.svg?sanitize=true)](badges/licenses-badge.svg)
(see also [licenses for dev. deps.](https://raw.githubusercontent.com/SVG-Edit/svgedit/master/badges/licenses-badge-dev.svg?sanitize=true))
(Note: The license provenance of the images in `/editor/images` may not be
fully clear, even with the origin of some of the images listed as being from <http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/>. We would like to
replace these images if their provenance cannot be determined or is found to
be under a protective license. If you know of the original terms, or can help
create SVG replacement images, please let us know at:
[#377](https://github.com/SVG-Edit/svgedit/issues/377).)
<!-- [![License](https://img.shields.io/npm/l/svgedit.svg)](LICENSE-MIT) -->
[![issuehunt-to-marktext](https://issuehunt.io/static/embed/issuehunt-button-v1.svg)](https://issuehunt.io/r/SVG-Edit/svgedit)
SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that
works in any modern browser.
![screenshot](docs/screenshot.png)
[SVG](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg)
[](https://upload.wikimedia.org/wikipedia/commons/f/fd/Ghostscript_Tiger.svg)
## Help wanted
While we have made some recent releases to SVG-edit for bug fixes,
refactoring and documentation to make the codebase more maintainable, the
core developers responsible for the bulk of the drawing features are no
longer active with the project, so we would love others familiar with SVG
to join the project.
SVG-Edit is the most popular open source SVG editor. It was started more than 10 years ago by a fantastic team of developers. Unfortunately, the product was not maintained for a quite long period. We decided to give this tool a new life by refreshing many aspects.
If you can help us to maintain SVG-Edit, you are more than welcome!
## Demo
### [Try SVG-edit here](https://svg-edit.github.io/svgedit/dist/editor/index.html)
Thanks to Netlify, you can test the following builds:
We also build a systemJS version at [`master`](https://svg-edit.github.io/svgedit/dist/editor/system/index.html)
### [Try SVG-edit V7-preview here](https://svgedit.netlify.app/editor/index.html)
You may also obtain URLs for specific [releases](https://github.com/SVG-Edit/svgedit/releases).
[Try SVG-edit 5.1.0 here](https://6098683962bf91702907ee33--svgedit.netlify.app/editor/svg-editor.html)
[Try SVG-edit 6.1.0 here](https://60a0000fc9900b0008fd268d--svgedit.netlify.app/editor/index.html)
## Installation
### Quick install
1. Clone or copy the repository contents (at least the `editor` directory).
Please note that you should not do a recursive Git clone (i.e., with the
`--recursive` or `--recurse-submodules` flags), as you will get assorted
past versions (which are available on the parent as branches anyways).
(The reason these past versions are available as submodules is merely
for convenience in hosting these versions, along with `master`, online
on Github Pages.)
1. If you need programmatic customization, see its section below.
1. Otherwise, just add an iframe to your site, adding any extensions or
configuration (see `docs/tutorials/ConfigOptions.md`
([ConfigOptions]{@tutorial ConfigOptions})) within the URL:
1. Clone or copy the repository contents
1. run `npm i` to install dependencies
1. run `npm run start` to start a local server
1. Use your browser to access `http://localhost:8000/src/editor/index.html`
```html
<iframe src="svgedit/src/editor/svg-editor.html?extensions="
width="100%" height="100%"></iframe>
```
### Integrating SVG-edit into your own application
Note that if you want support for the following browsers, you will at least
need some polyfills.
V7 is changing significantly the way to integrate and customize SVG-Edit. The documentation will be detailed here.
For Android Browser 4.4.3-4.4.4, you will need at least `fetch`.
For the following, you will need at least `URL`, `Promise`, and `fetch`:
- IE <= 11
- IE Mobile
- Opera Mini
- Blackberry Browser <= 10
And for still older browsers (e.g., IE 8), you will at minimum need a
`querySelector` polyfill.
### Integrating SVG-edit into your own npm package
These steps are only needed if you wish to set up your own npm package
incorporating SVGEdit. You will need to have Node.js/npm installed.
1. Create and enter an empty folder somewhere on your desktop.
1. Create your npm package: `npm init` (complete the fields).
1. Install SVG-edit into your package:
`npm i --save svgedit`.
1. Look within `node_modules/svgedit/`, e.g., `node_modules/svgedit/src/editor/svg-editor.html`
for the files your package needs and use accordingly (from outside of
`node_modules`).
1. If you want to publish your own work, you can use `npm publish`.
## Programmatic customization
1. If you are not concerned about supporting ES6 Modules (see the
"ES6 Modules file" section), you can add your config directly to
`svgedit-config-iife.js` within the SVG-Edit project root.
1. Note: Do not remove the `import svgEditor...` code which is responsible
for importing the SVG edit code. Versions prior to 3.0 did not require
this, but the advantage is that your HTML does not need to be polluted
with extra script references.
1. Modify or utilize any options. See `docs/tutorials/ConfigOptions.md`
([ConfigOptions]{@tutorial ConfigOptions}).
## ES6 Modules file
1. `svg-editor-es.html` is an HTML file directly using ES6 modules.
It is only supported in the latest browsers. It is probably mostly
useful for debugging, as it requires more network requests.
If you would like to work with this file, you should make configuration
changes in `svgedit-config-es.js` (in the SVG-Edit project root).
1. If you are working with the ES6 Modules config but also wish to work with
the normal `svg-editor.html` version (so your code can work in older
browsers or get the presumable performance benefits of this file which
references JavaScript rolled up into a single file), you can follow these
steps after any config changes you make, so that your changes can also be
automatically made available to both versions.
1. JavaScript:
1. Run `npm install` within the svgedit directory
(`node_modules/svgedit` if you installed via npm) and the root
repository directory if you cloned the Git repository instead.
This will install the build tools for SVG-edit.
1. Run `npm run build-by-config` within the svgedit directory mentioned
in the step above.
1. This will rebuild `svgedit-config-iife.js` (applying Babel to
allow it to work on older browsers and applying Rollup to build
all JavaScript into one file). The file will then contain
non-ES6 module JavaScript that can work in older browsers.
Note that it bundles all of SVGEdit, so it is to be expected
that this file will be much larger in size than the original
ES6 config file.
1. HTML:
1. If you wish to make changes to both HTML files, it is recommended that
you work and test on `svg-editor-es.html` and then run
`npm run build-html` to have the changes properly copied to
`svg-editor.html`.
## Recent news
- 2020-02-22 Published 6.0.0 License clarifications/updates, PDF export
improvements, clipboard `sessionStorage`, and other changes.
- 2019-11-16 Published 5.1.0 Misc. fixes and refactoring
- 2019-05-07 Published 5.0.0 Change from `@babel/polyfill`
- 2019-04-03 Published 4.3.0 Fix for double click on gradient
picker droplets affecting some browsers and dragging control
point of arc. Other misc. fixes. Some accessibility and i18n.
- 2018-12-13 Published 4.2.0 (Chinese (simplified) and Russian locale
updates; retaining lines with grid mode)
- 2018-11-29 Published 4.1.0 (Fix for hyphenated locales, svgcanvas
distributions)
- 2018-11-16 Published 4.0.0/4.0.1 (Move to Promise-based APIs)
- 2018-11-01 Published 3.2.0 (Update qunit to resolve security vulnerability
of a dependency)
- 2018-10-25 Published 3.1.1 (Fix for saving SVG on Firefox)
- 2018-10-24 Published 3.1.0 (Redirect on modular page for non-module-support;
versions document (for migrating))
- 2018-10-22 Published 3.0.1 (Revert fix affecting polygon selection)
- 2018-10-21 Published 3.0.0 (misc. improvements including centering canvas and
key locale fixes since last RC)
- 2018-09-30 Published 3.0.0-rc.3 with security and other fixes
- 2018-07-31 Published 3.0.0-rc.2 with misc. fixes
- 2018-07-19 Published 3.0.0-rc.1 allowing for extensions and locales to be
expressed as modules
- 2018-05-26 Published 3.0.0-alpha.2 with ES6 Modules support
- 2017-07 Added to Packagist: https://packagist.org/packages/svg-edit/svgedit
- 2015-12-02 SVG-edit 2.8.1 was released.
- 2015-11-24 SVG-edit 2.8 was released.
- 2015-11-24 Code, issue tracking, and docs are being moved to github
(previously [code.google.com](https://code.google.com/p/svg-edit)).
- 2014-04-17 2.7 and stable branches updated to reflect 2.7.1 important bug
fixes for the embedded editor.
- 2014-04-07 SVG-edit 2.7 was released.
- 2013-01-15 SVG-edit 2.6 was released.
## Videos
* [SVG-edit 2.4 Part 1](https://www.youtube.com/watch?v=zpC7b1ZJvvM)
* [SVG-edit 2.4 Part 2](https://www.youtube.com/watch?v=mDzZEoGUDe8)
* [SVG-edit 2.3 Features](https://www.youtube.com/watch?v=RVIcIy5fXOc)
* [Introduction to SVG-edit](https://www.youtube.com/watch?v=ZJKmEI06YiY) (Version 2.2)
SVG-Edit is made of two major components:
1. The "svgcanvas" that takes care of the underlying svg edition. It can be used to build your own editor. See example in the demos folder or the svg-edit-react repository.
1. The "editor" that takes care of the editor UI (menus, buttons, etc.)
For earlier versions of SVG-Edit, please look in their respective branches.
## Supported browsers
- Opera 59+,
- IE 12+,
- Chrome 75+,
- FireFox 68+,
- Safari 10+
- Safari 11+
- Edge 18+
Support for old browsers may require 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
the project team can decide if we should support with the latest version.
## Further reading and more information
* Participate in [discussions](https://github.com/SVG-Edit/svgedit/discussions)
* See [docs](docs/) for more documentation. See the
[JSDocs for our latest release](https://svg-edit.github.io/svgedit/releases/latest/docs/jsdoc/index.html).
* [Acknowledgements](docs/Acknowledgements.md) lists open source projects
used in svg-edit.
* See [AUTHORS](AUTHORS) file for authors.
* [StackOverflow](https://stackoverflow.com/tags/svg-edit) group.
* Join the [svg-edit mailing list](https://groups.google.com/forum/#!forum/svg-edit).
* Join us on `#svg-edit` on `freenode.net` (or use the
[web client](https://webchat.freenode.net/?channels=svg-edit)).
# Hosting
SVGedit versions are deployed to:

2
archive/from-old-wiki/CodeRefactoring.md
View File

@@ -32,7 +32,7 @@ Current Tasks
1) I introduced the concept of a Drawing earlier on that would encapsulate the state of a single open SVG document. The SVG editor has a handle to the current drawing and uses that instead of accessing svg DOM elements directly. Eventually all code that deals with layers, current editing context, document history and more will be moved into draw.js but for now, much of that code still lives in svgcanvas.js.
2) I'm in the process of migrating a large chunk of svgcanvas.js called "pathActions" into its own module (path.js). This piece of code did have a lot of dependencies so moving it piece-by-piece seemed like the right way to go. Currently it's about half-way migrated, with most of the 'public API' still living in svgcanvas.js.
1) I'm in the process of migrating a large chunk of svgcanvas.js called "pathActions" into its own module (path.js). This piece of code did have a lot of dependencies so moving it piece-by-piece seemed like the right way to go. Currently it's about half-way migrated, with most of the 'public API' still living in svgcanvas.js.
TODOs
Finish moving layers functionality into the Drawing class

0
gh-disabled-workflows/coverage.yml → archive/gh-disabled-workflows/coverage.yml
View File

0
gh-disabled-workflows/nodejs.yml → archive/gh-disabled-workflows/nodejs.yml
View File

0
gh-disabled-workflows/npmpublish.yml → archive/gh-disabled-workflows/npmpublish.yml
View File

2
badges/coverage-badge.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="428" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="green" stroke="#000" d="M0 0h120v20H0zM120 0h109v20H120zM229 0h87v20h-87zM316 0h112v20H316z"/><path fill="url(#smooth)" d="M0 0h428v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Statements 52.81%</text><text class="high" x="5" y="14">Statements 52.81%</text><text class="shadow" x="125.5" y="15">Branches 41.64%</text><text class="high" x="125" y="14">Branches 41.64%</text><text class="shadow" x="234.5" y="15">Lines 53.62%</text><text class="high" x="234" y="14">Lines 53.62%</text><text class="shadow" x="321.5" y="15">Functions 60.18%</text><text class="high" x="321" y="14">Functions 60.18%</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="403" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="green" stroke="#000" d="M0 0h120v20H0zM120 0h102v20H120zM222 0h87v20h-87zM309 0h94v20h-94z"/><path fill="url(#smooth)" d="M0 0h403v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Statements 46.86%</text><text class="high" x="5" y="14">Statements 46.86%</text><text class="shadow" x="125.5" y="15">Branches 35.1%</text><text class="high" x="125" y="14">Branches 35.1%</text><text class="shadow" x="227.5" y="15">Lines 47.67%</text><text class="high" x="227" y="14">Lines 47.67%</text><text class="shadow" x="314.5" y="15">Functions 54%</text><text class="high" x="314" y="14">Functions 54%</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

1
badges/licenses-badge-dev.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

1
badges/licenses-badge.svg
View File

@@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="863" height="116"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="navy" d="M0 0h227v116H0z"/><path fill="green" d="M227 0h265v116H227z"/><path fill="#cc0" d="M492 0h128v116H492z"/><path fill="#a9a9a9" d="M620 0h243v116H620z"/><path fill="url(#smooth)" d="M0 0h863v116H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">License types</text><text class="high" x="5" y="14">License types</text><text class="shadow" x="5.5" y="27">(project, deps, and bundled devDeps)</text><text class="high" x="5" y="26">(project, deps, and bundled devDeps)</text><text class="shadow" x="232.5" y="15">Permissive</text><text class="high" x="232" y="14">Permissive</text><text class="shadow" x="232.5" y="39">1. (MIT OR Apache-2.0)</text><text class="high" x="232" y="38">1. (MIT OR Apache-2.0)</text><text class="shadow" x="232.5" y="51">2. (MPL-2.0 OR Apache-2.0)</text><text class="high" x="232" y="50">2. (MPL-2.0 OR Apache-2.0)</text><text class="shadow" x="232.5" y="63">3. Apache-2.0</text><text class="high" x="232" y="62">3. Apache-2.0</text><text class="shadow" x="232.5" y="75">4. ISC</text><text class="high" x="232" y="74">4. ISC</text><text class="shadow" x="232.5" y="87">5. MIT</text><text class="high" x="232" y="86">5. MIT</text><text class="shadow" x="232.5" y="99">6. MIT OR SEE LICENSE IN FEEL-FREE.md</text><text class="high" x="232" y="98">6. MIT OR SEE LICENSE IN FEEL-FREE.md</text><text class="shadow" x="232.5" y="111">7. X11</text><text class="high" x="232" y="110">7. X11</text><text class="shadow" x="497.5" y="15">Weakly</text><text class="high" x="497" y="14">Weakly</text><text class="shadow" x="497.5" y="27">protective</text><text class="high" x="497" y="26">protective</text><text class="shadow" x="497.5" y="51">1. LGPL-3.0-or-later</text><text class="high" x="497" y="50">1. LGPL-3.0-or-later</text><text class="shadow" x="625.5" y="15">Uncategorized</text><text class="high" x="625" y="14">Uncategorized</text><text class="shadow" x="625.5" y="39">1. Chromium&apos;s License (pathseg (1.2.0))</text><text class="high" x="625" y="38">1. Chromium&apos;s License (pathseg (1.2.0))</text></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

2
badges/tests-badge.svg
View File

@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="97" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#e05d44" d="M41 0h56v20H41z"/><path fill="url(#smooth)" d="M0 0h97v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">140/141</text><text class="high" x="46" y="14">140/141</text></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="83" height="20"><defs><style>text{font-size:11px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif}text.shadow{fill:#010101;fill-opacity:.3}text.high{fill:#fff}</style><linearGradient id="smooth" x2="0" y2="100%"><stop offset="0" stop-color="#aaa" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><mask id="round"><rect width="100%" height="100%" rx="3" fill="#fff"/></mask></defs><g id="bg" mask="url(#round)"><path fill="#696969" d="M0 0h41v20H0z"/><path fill="#4c1" d="M41 0h42v20H41z"/><path fill="url(#smooth)" d="M0 0h83v20H0z"/></g><g id="fg"><text class="shadow" x="5.5" y="15">Tests</text><text class="high" x="5" y="14">Tests</text><text class="shadow" x="46.5" y="15">21/21</text><text class="high" x="46" y="14">21/21</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 823 B

After

Width:  |  Height:  |  Size: 817 B

4
composer.json
View File

@@ -25,6 +25,10 @@
{
"name": "Brett Zamir",
"email": "brettz9@yahoo.com"
},
{
"name": "Optimistik SAS",
"email": "contact@optimistik.fr"
}
],
"keywords": [

2
cypress.json
View File

@@ -8,6 +8,8 @@
"ignoreTestFiles": ["**/__snapshots__/*", "**/__image_snapshots__/*"],
"defaultCommandTimeout": 10000,
"pageLoadTimeout": 120000,
"includeShadowDom": true,
"scrollBehavior": false,
"cypress-plugin-snapshots": {
"autoCleanUp": true,
"prettier": true,

283
cypress/integration/ui/__snapshots__/scenario.js.snap
View File

@@ -91,13 +91,13 @@ exports[`use various parts of svg-edit > check tool_text #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
>
B
AB
</text>
</g>
</svg>
@@ -137,13 +137,13 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
>
B
AB
</text>
<text
fill="#000000"
@@ -152,14 +152,14 @@ exports[`use various parts of svg-edit > check tool_clone #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
>
B
AB
</text>
</g>
</svg>
@@ -199,14 +199,14 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-=""
>
B
AB
</text>
<text
fill="#000000"
@@ -215,7 +215,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -223,7 +223,7 @@ exports[`use various parts of svg-edit > check tool_italic #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
</g>
</svg>
@@ -263,7 +263,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -271,7 +271,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
font-=""
font-weight="bold"
>
B
AB
</text>
<text
fill="#000000"
@@ -280,7 +280,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -288,7 +288,7 @@ exports[`use various parts of svg-edit > check tool_bold #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
</g>
</svg>
@@ -328,7 +328,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -336,7 +336,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
font-=""
font-weight="bold"
>
B
AB
</text>
<text
fill="#000000"
@@ -345,7 +345,7 @@ exports[`use various parts of svg-edit > check change color #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -353,13 +353,13 @@ exports[`use various parts of svg-edit > check change color #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_start #0`] = `
exports[`use various parts of svg-edit > check tool_text_anchor_start #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
@@ -371,8 +371,8 @@ exports[`use various parts of svg-edit > check tool_start #0`] = `
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<g class="layer">
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
@@ -382,7 +382,6 @@ exports[`use various parts of svg-edit > check tool_start #0`] = `
width="94"
x="69.5"
y="51.5"
style="pointer-events:inherit"
fill-opacity="1"
stroke-opacity="1"
></rect>
@@ -394,15 +393,15 @@ exports[`use various parts of svg-edit > check tool_start #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
text-anchor="middle"
font-family="Serif"
text-anchor="start"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-=""
font-weight="bold"
>
B
AB
</text>
<text
fill="#000000"
@@ -411,7 +410,7 @@ exports[`use various parts of svg-edit > check tool_start #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -419,33 +418,138 @@ exports[`use various parts of svg-edit > check tool_start #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
<polygon
cx="407"
cy="45"
id="svg_3"
shape="star"
point="5"
r="13.333333333333334"
radialshift=""
r2="5.333333333333334"
orient="point"
fill="#000000"
strokecolor="#000000"
strokeWidth="0"
points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_anchor_middle #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text
fill="#ffff00"
stroke="#000000"
stroke-width="0"
x="116"
y="87"
id="svg_1"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-=""
font-weight="bold"
>
<animate
attributeName="opacity"
begin="indefinite"
dur="0.2"
fill="freeze"
to="1"
></animate>
</polygon>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="136"
y="107"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
AB
</text>
</g>
</svg>
`;
exports[`use various parts of svg-edit > check tool_text_anchor_end #0`] = `
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
width="640"
height="480"
id="svgcontent"
overflow="visible"
x="640"
y="480"
viewBox="0 0 640 480"
>
<g class="layer">
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
height="70"
stroke="#000000"
stroke-width="5"
width="94"
x="69.5"
y="51.5"
fill-opacity="1"
stroke-opacity="1"
></rect>
<text
fill="#ffff00"
stroke="#000000"
stroke-width="0"
x="116"
y="87"
id="svg_1"
font-size="24"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-=""
font-weight="bold"
>
AB
</text>
<text
fill="#000000"
stroke="#000000"
stroke-width="0"
x="136"
y="107"
font-size="24"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
AB
</text>
</g>
</svg>
`;
@@ -462,8 +566,8 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<g class="layer">
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
@@ -473,7 +577,6 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
width="94"
x="69.5"
y="51.5"
style="pointer-events:inherit"
fill-opacity="1"
stroke-opacity="1"
></rect>
@@ -485,15 +588,15 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
text-anchor="middle"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-=""
font-weight="bold"
>
B
AB
</text>
<text
fill="#000000"
@@ -502,7 +605,7 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -510,22 +613,22 @@ exports[`use various parts of svg-edit > check tool_star #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
<polygon
cx="407"
cy="45"
cx="370"
cy="202"
id="svg_3"
shape="star"
point="5"
r="13.333333333333334"
radialshift=""
r2="5.333333333333334"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#000000"
fill="#ffff00"
strokecolor="#000000"
strokeWidth="0"
points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
strokewidth="0"
points="370,135.33333333333331 383.0618944953883,184.02184456944562 433.40376775301024,181.39886704167017 391.13458925100343,208.86704431944327 409.18568348616486,255.93446629166317 370,224.22222222222223 330.81431651383514,255.93446629166317 348.86541074899657,208.86704431944327 306.59623224698976,181.39886704167017 356.9381055046117,184.02184456944562 370,135.33333333333331 383.0618944953883,184.02184456944562 "
stroke="#000000"
stroke-width="0"
>
@@ -553,8 +656,8 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
y="480"
viewBox="0 0 640 480"
>
<g class="layer" style="pointer-events:all">
<title style="pointer-events:inherit">Layer 1</title>
<g class="layer">
<title>Layer 1</title>
<rect
id="rect"
fill="#FF0000"
@@ -564,7 +667,6 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
width="94"
x="69.5"
y="51.5"
style="pointer-events:inherit"
fill-opacity="1"
stroke-opacity="1"
></rect>
@@ -576,15 +678,15 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
y="87"
id="svg_1"
font-size="24"
font-family="serif"
text-anchor="middle"
font-family="Serif"
text-anchor="end"
xml:space="preserve"
fill-opacity="1"
stroke-opacity="1"
font-style="italic"
font-=""
font-weight="bold"
>
B
AB
</text>
<text
fill="#000000"
@@ -593,7 +695,7 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
x="136"
y="107"
font-size="24"
font-family="serif"
font-family="Serif"
text-anchor="middle"
xml:space="preserve"
fill-opacity="1"
@@ -601,40 +703,39 @@ exports[`use various parts of svg-edit > check tool_polygon #0`] = `
id="svg_2"
transform="matrix(1 0 0 1 0 0)"
>
B
AB
</text>
<polygon
cx="407"
cy="45"
cx="370"
cy="202"
id="svg_3"
shape="star"
point="5"
r="13.333333333333334"
radialshift=""
r2="5.333333333333334"
r="66.66666666666667"
radialshift="0"
r2="22.222222222222225"
orient="point"
fill="#000000"
fill="#ffff00"
strokecolor="#000000"
strokeWidth="0"
points="407,31.666666666666664 410.1348546788932,40.68524269666695 419.68075355060205,40.87977340833403 412.0723014202408,46.64809063666639 414.83713669723295,55.78689325833263 407,50.333333333333336 399.16286330276705,55.78689325833263 401.9276985797592,46.64809063666639 394.31924644939795,40.87977340833404 403.8651453211068,40.68524269666695 407,31.666666666666664 410.1348546788932,40.68524269666695 "
strokewidth="0"
points="370,135.33333333333331 383.0618944953883,184.02184456944562 433.40376775301024,181.39886704167017 391.13458925100343,208.86704431944327 409.18568348616486,255.93446629166317 370,224.22222222222223 330.81431651383514,255.93446629166317 348.86541074899657,208.86704431944327 306.59623224698976,181.39886704167017 356.9381055046117,184.02184456944562 370,135.33333333333331 383.0618944953883,184.02184456944562 "
stroke="#000000"
stroke-width="0"
style="pointer-events:inherit"
fill-opacity="1"
stroke-opacity="1"
></polygon>
<polygon
cx="457"
cy="95"
cx="420"
cy="302"
id="svg_4"
shape="regularPoly"
sides="5"
orient="x"
edge="6.666666666666667"
fill="#000000"
edge="80"
fill="#ffff00"
strokecolor="#000000"
strokeWidth="5"
points="462.6710053890136,95 458.7524370403971,100.39344662916632 452.4120602650961,98.33333333333333 452.4120602650961,91.66666666666667 458.7524370403971,89.60655337083368 462.6710053890136,95 "
strokewidth="5"
points="488.0520646681632,302 441.02924448476534,366.7213595499958 364.94472318115305,342 364.94472318115305,262 441.02924448476534,237.27864045000422 488.0520646681632,302 "
stroke="#000000"
stroke-width="5"
>

9
cypress/integration/ui/accessibility.js
View File

@@ -1,11 +1,14 @@
import {
visitAndApproveStorage
} from '../../support/ui-test-helper.js';
describe('UI - Accessibility', function () {
beforeEach(() => {
cy.visit('/instrumented/editor/index.html');
visitAndApproveStorage();
cy.injectAxe();
});
// https://www.npmjs.com/package/cypress-axe
it('Has no detectable a11y violations on load', () => {
it.skip('Has no detectable a11y violations on load', () => {
// Configure aXe and test the page at initial load
cy.configureAxe({
// Todo: Reenable when have time to fix

6
cypress/integration/ui/control-points.js
View File

@@ -10,7 +10,6 @@ describe('UI - Control Points', function () {
it('Editor - No parameters: Drag control point of arc path', () => {
const randomOffset = () => 2 + Math.round(10 + Math.random() * 40);
cy.get('#tool_source').click();
cy.get('#svg_source_textarea')
.type('{selectall}', { force: true })
.type(`<svg width="640" height="480" xmlns="http://www.w3.org/2000/svg">
@@ -19,8 +18,9 @@ describe('UI - Control Points', function () {
<path d="m187,194a114,62 0 1 0 219,2" id="svg_1" fill="#FF0000" stroke="#000000" stroke-width="5"/>
</g>
</svg>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click();
cy.get('#svg_1').click().click();
cy.get('#tool_source_save').click({ force: true });
cy.get('#svg_1').click({ force: true }).click({ force: true });
cy.get('#pathpointgrip_0').trigger('mousedown', { which: 1, force: true })
.trigger('mousemove', randomOffset(), randomOffset(), { force: true })

21
cypress/integration/ui/issues/issue-364.js
View File

@@ -1,21 +0,0 @@
import {
visitAndApproveStorage
} from '../../../support/ui-test-helper.js';
// See https://github.com/SVG-Edit/svgedit/issues/364
describe('Issue 364; IE errorwith rectangle selection by click', function () {
beforeEach(() => {
visitAndApproveStorage();
});
it('should set rectangle selection after click', function () {
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.get('#tools_rect_show')
.trigger('mousedown', {force: true})
.wait(100) // this delay seems necessary
.trigger('mouseup', {force: true})
.should((button) => {
expect(button).to.have.class('tool_button_current');
});
});
});

2
cypress/integration/ui/issues/issue-407.js
View File

@@ -20,7 +20,7 @@ describe('Fix issue 407', function () {
<text fill="#000000" id="a_text" text-anchor="middle" x="260.5" xml:space="preserve" y="192.5">hello</text>
</g>
</g>
</svg>`, {parseSpecialCharSequences: false});
</svg>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click();
cy.get('#svg_1').click().dblclick();
cy.get('#a_text').should('exist');

2
cypress/integration/ui/issues/issue-408.js
View File

@@ -20,7 +20,7 @@ describe('Fix issue 408', function () {
<circle cx="117.5" cy="87.5" fill="#ffff00" r="19.84943" stroke="#000000" />
</g>
</g>
</svg>`, {parseSpecialCharSequences: false});
</svg>`, { force: true, parseSpecialCharSequences: false });
cy.get('#tool_source_save').click();
cy.get('#svg_6').click().dblclick(); // change context
cy.get('#tool_source').click(); // reopen tool_source

2
cypress/integration/ui/key-commands.js
View File

@@ -8,7 +8,7 @@ describe('Key commands', function () {
visitAndApproveStorage();
});
it('cmd-A on empty canvas should not cause an error', function () {
it.skip('cmd-A on empty canvas should not cause an error', function () {
cy.get('body').type('{cmd}a');
});
});

35
cypress/integration/ui/scenario.js
View File

@@ -38,11 +38,10 @@ describe('use various parts of svg-edit', function () {
cy.get('#tool_text')
.click({ force: true });
cy.get('#rect')
.trigger('mousedown', 'center', {force: true})
.trigger('mousedown', 46, 35, { force: true })
.trigger('mouseup', { force: true });
// svgedit use the #text text field to capture the text
// cy.get('#text').type('1234', {force: true});
cy.get('#text').type('B', {force: true});
cy.get('#text').type('AB', { force: true });
testSnapshot();
});
@@ -70,22 +69,40 @@ describe('use various parts of svg-edit', function () {
.click({ force: true });
testSnapshot();
});
it('check tool_text_anchor_start', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_text_anchor_start')
.click({ force: true });
testSnapshot();
});
it('check tool_text_anchor_middle', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_text_anchor_middle')
.click({ force: true });
testSnapshot();
});
it('check tool_text_anchor_end', function () {
cy.get('#svg_1').click({ force: true });
cy.get('#tool_text_anchor_end')
.click({ force: true });
testSnapshot();
});
it('check tool_star', function () {
cy.get('#tool_star')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', {which: 1, pageX: 600, pageY: 150, force: true})
.trigger('mousemove', {which: 1, pageX: 600, pageY: 170, force: true})
.trigger('mousedown', 300, 150, { force: true })
.trigger('mousemove', 300, 250, { force: true })
.trigger('mouseup', { force: true });
cy.get('#svgcontent').toMatchSnapshot();
testSnapshot();
});
it('check tool_polygon', function () {
cy.get('#tool_polygon')
.click({ force: true });
cy.get('#svgcontent')
.trigger('mousedown', {which: 1, pageX: 650, pageY: 200, force: true})
.trigger('mousemove', {which: 1, pageX: 650, pageY: 210, force: true})
.trigger('mousedown', 350, 250, { force: true })
.trigger('mousemove', 350, 370, { force: true })
.trigger('mouseup', { force: true });
cy.get('#svgcontent').toMatchSnapshot();
testSnapshot();
});
});

13
cypress/integration/ui/tool-selection.js
View File

@@ -8,13 +8,10 @@ describe('UI - Tool selection', function () {
});
it('should set rectangle selection by click', function () {
// eslint-disable-next-line cypress/no-unnecessary-waiting
cy.get('#tools_rect_show')
.trigger('mousedown', {force: true})
.wait(100) // this delay seems necessary
.trigger('mouseup', {force: true})
.should((button) => {
expect(button).to.have.class('tool_button_current');
});
cy.get('#tools_rect')
.should('not.have.attr', 'pressed');
cy.get('#tools_rect')
.trigger('click', { force: true })
.should('have.attr', 'pressed');
});
});

2
cypress/integration/unit/coords.js
View File

@@ -1,7 +1,7 @@
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as coords from '../../../instrumented/svgcanvas/coords.js';
describe('coords', function () {

3
cypress/integration/unit/draw.js
View File

@@ -44,7 +44,7 @@ describe('draw.Drawing', function () {
const getCurrentDrawing = function () {
return currentDrawing_;
};
const setCurrentGroup = (cg) => { /* empty fn */ };
const setCurrentGroup = () => { /* empty fn */ };
draw.init(
/**
* @implements {module:draw.DrawCanvasInit}
@@ -727,7 +727,6 @@ describe('draw.Drawing', function () {
drawing.setLayerOpacity(LAYER3, -1.4);
assert.strictEqual(drawing.getLayerOpacity(LAYER1), 0.4);
// console.log('layer2 opacity ' + drawing.getLayerOpacity(LAYER2));
assert.strictEqual(drawing.getLayerOpacity(LAYER2), 1.0);
assert.strictEqual(drawing.getLayerOpacity(LAYER3), 1.0);

16
cypress/integration/unit/history.js
View File

@@ -1,20 +1,20 @@
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as transformlist from '../../../instrumented/common/svgtransformlist.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as transformlist from '../../../instrumented/svgcanvas/svgtransformlist.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as hstory from '../../../instrumented/svgcanvas/history.js';
describe('history', function () {
// TODO(codedread): Write tests for handling history events.
// Mocked out methods.
transformlist.changeRemoveElementFromListMap((elem) => { /* empty fn */ });
transformlist.changeRemoveElementFromListMap(() => { /* empty fn */ });
utilities.mock({
getHref (elem) { return '#foo'; },
setHref (elem, val) { /* empty fn */ },
getRotationAngle (elem) { return 0; }
getHref () { return '#foo'; },
setHref () { /* empty fn */ },
getRotationAngle () { return 0; }
});
// const svg = document.createElementNS(NS.SVG, 'svg');
@@ -452,7 +452,7 @@ describe('history', function () {
assert.equal(val, sethrefvalue);
justCalled = 'setHref';
},
getRotationAngle (elem) { return 0; }
getRotationAngle () { return 0; }
});
gethrefvalue = '#newhref';
@@ -488,7 +488,7 @@ describe('history', function () {
it('Test BatchCommand', function () {
let concatResult = '';
MockCommand.prototype.apply = function (handler) { concatResult += this.text; };
MockCommand.prototype.apply = function () { concatResult += this.text; };
const batch = new hstory.BatchCommand();
assert.ok(batch.unapply);

2
cypress/integration/unit/math.js
View File

@@ -1,7 +1,7 @@
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as math from '../../../instrumented/common/math.js';
import * as math from '../../../instrumented/svgcanvas/math.js';
describe('math', function () {
const svg = document.createElementNS(NS.SVG, 'svg');

2
cypress/integration/unit/path.js
View File

@@ -4,7 +4,7 @@ import 'pathseg';
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as pathModule from '../../../instrumented/svgcanvas/path.js';
import { Path, Segment } from '../../../instrumented/svgcanvas/path-method.js';
import { init as unitsInit } from '../../../instrumented/common/units.js';

34
cypress/integration/unit/recalculate.js
View File

@@ -1,7 +1,7 @@
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as coords from '../../../instrumented/svgcanvas/coords.js';
import * as recalculate from '../../../instrumented/svgcanvas/recalculate.js';
@@ -17,6 +17,29 @@ describe('recalculate', function () {
const svg = document.createElementNS(NS.SVG, 'svg');
svgroot.append(svg);
const dataStorage = {
_storage: new WeakMap(),
put: function (element, key, obj) {
if (!this._storage.has(element)) {
this._storage.set(element, new Map());
}
this._storage.get(element).set(key, obj);
},
get: function (element, key) {
return this._storage.get(element).get(key);
},
has: function (element, key) {
return this._storage.has(element) && this._storage.get(element).has(key);
},
remove: function (element, key) {
var ret = this._storage.get(element).delete(key);
if (!this._storage.get(element).size === 0) {
this._storage.delete(element);
}
return ret;
}
};
let elemId = 1;
/**
@@ -31,7 +54,8 @@ describe('recalculate', function () {
{
getSVGRoot() { return svg; },
getDOMDocument() { return null; },
getDOMContainer () { return null; }
getDOMContainer() { return null; },
getDataStorage() { return dataStorage; }
}
);
coords.init(
@@ -44,7 +68,8 @@ describe('recalculate', function () {
return {
getNextId() { return String(elemId++); }
};
}
},
getDataStorage() { return dataStorage; }
}
);
recalculate.init(
@@ -54,7 +79,8 @@ describe('recalculate', function () {
{
getSVGRoot() { return svg; },
getStartTransform() { return ''; },
setStartTransform () { /* empty fn */ }
setStartTransform() { /* empty fn */ },
getDataStorage() { return dataStorage; }
}
);
}

35
cypress/integration/unit/select.js
View File

@@ -12,6 +12,28 @@ describe('select', function () {
const mockConfig = {
dimensions: [ 640, 480 ]
};
const dataStorage = {
_storage: new WeakMap(),
put: function (element, key, obj) {
if (!this._storage.has(element)) {
this._storage.set(element, new Map());
}
this._storage.get(element).set(key, obj);
},
get: function (element, key) {
return this._storage.get(element).get(key);
},
has: function (element, key) {
return this._storage.has(element) && this._storage.get(element).has(key);
},
remove: function (element, key) {
var ret = this._storage.get(element).delete(key);
if (!this._storage.get(element).size === 0) {
this._storage.delete(element);
}
return ret;
}
};
/**
* @implements {module:select.SVGFactory}
@@ -25,7 +47,8 @@ describe('select', function () {
return elem;
},
svgRoot () { return svgroot; },
svgContent () { return svgcontent; }
svgContent () { return svgcontent; },
getDataStorage () { return dataStorage; }
};
/**
@@ -37,13 +60,13 @@ describe('select', function () {
element: 'svg',
attr: { id: 'svgroot' }
});
svgcontent = svgroot.appendChild(
mockFactory.createSVGElement({
svgcontent = mockFactory.createSVGElement({
element: 'svg',
attr: { id: 'svgcontent' }
})
);
/* const rect = */ svgcontent.appendChild(
});
svgroot.append(svgcontent);
/* const rect = */ svgcontent.append(
mockFactory.createSVGElement({
element: 'rect',
attr: {

11
cypress/integration/unit/svgtransformlist.js
View File

@@ -1,7 +1,7 @@
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as transformlist from '../../../instrumented/common/svgtransformlist.js';
import * as transformlist from '../../../instrumented/svgcanvas/svgtransformlist.js';
import { disableSupportsNativeTransformLists } from '../../../instrumented/common/browser.js';
import almostEqualsPlugin from '../../support/assert-almostEquals.js';
@@ -26,10 +26,13 @@ describe('svgtransformlist', function () {
svgroot.style.visibility = 'hidden';
document.body.append(svgroot);
svgcontent = svgroot.appendChild(document.createElementNS(NS.SVG, 'svg'));
rect = svgcontent.appendChild(document.createElementNS(NS.SVG, 'rect'));
svgcontent = document.createElementNS(NS.SVG, 'svg');
svgroot.append(svgcontent);
rect = document.createElementNS(NS.SVG, 'rect');
svgcontent.append(rect);
rect.id = 'r';
circle = svgcontent.appendChild(document.createElementNS(NS.SVG, 'circle'));
circle = document.createElementNS(NS.SVG, 'circle');
svgcontent.append(circle);
circle.id = 'c';
});

9
cypress/integration/unit/test1.js
View File

@@ -1,6 +1,5 @@
/* eslint-disable max-len */
/* eslint-disable max-len, no-console */
import '../../../instrumented/editor/jquery.min.js';
import '../../../instrumented/editor/jquery-ui/jquery-ui-1.8.17.custom.min.js';
import SvgCanvas from '../../../instrumented/svgcanvas/svgcanvas.js';
@@ -35,10 +34,8 @@ describe('Basic Module', function () {
workarea.append(svgcanvas);
const toolsLeft = document.createElement('div');
toolsLeft.id = 'tools_left';
const toolsFlyout = document.createElement('div');
toolsFlyout.id = 'tools_flyout';
svgEditor.append(workarea, toolsLeft, toolsFlyout);
svgEditor.append(workarea, toolsLeft);
document.body.append(svgEditor);
svgCanvas = new SvgCanvas(
@@ -162,8 +159,6 @@ describe('Basic Module', function () {
assert.strictEqual(attrVal, 'bar', true, 'Preserved namespaced attribute on import');
const output = svgCanvas.getSvgString();
// } catch(e) {console.log(e)}
// console.log('output',output);
const hasXlink = output.includes('xmlns:xlink="http://www.w3.org/1999/xlink"');
const hasSe = output.includes('xmlns:se=');
const hasFoo = output.includes('xmlns:foo=');

28
cypress/integration/unit/utilities-bbox.js
View File

@@ -4,9 +4,9 @@ import 'pathseg';
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as transformlist from '../../../instrumented/common/svgtransformlist.js';
import * as math from '../../../instrumented/common/math.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as transformlist from '../../../instrumented/svgcanvas/svgtransformlist.js';
import * as math from '../../../instrumented/svgcanvas/math.js';
import * as path from '../../../instrumented/svgcanvas/path.js';
import setAssertionMethods from '../../support/assert-close.js';
@@ -55,7 +55,7 @@ describe('utilities bbox', function () {
const type = seg.pathSegType;
if (type === 1) { continue; }
const pts = [];
['', 1, 2].forEach(function (n, j) {
[ '', 1, 2 ].forEach(function (n) {
const x = seg['x' + n], y = seg['y' + n];
if (x !== undefined && y !== undefined) {
const pt = math.transformPoint(x, y, m);
@@ -149,7 +149,7 @@ describe('utilities bbox', function () {
g.remove();
});
it('Test getBBoxWithTransform and a rotation transform', function () {
it.skip('Test getBBoxWithTransform and a rotation transform', function () {
const { getBBoxWithTransform } = utilities;
let elem = mockCreateSVGElement({
@@ -222,16 +222,16 @@ describe('utilities bbox', function () {
svgroot.append(elem);
mockaddSVGElementFromJsonCallCount = 0;
bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
// TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
assert.ok(bbox.x > 45 && bbox.x <= 50);
/** @todo: Review these test the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */
// assert.ok(bbox.x > 45 && bbox.x <= 50);
assert.ok(bbox.y > 45 && bbox.y <= 50);
assert.ok(bbox.width >= 100 && bbox.width < 110);
assert.ok(bbox.height >= 100 && bbox.height < 110);
// assert.ok(bbox.width >= 100 && bbox.width < 110);
// assert.ok(bbox.height >= 100 && bbox.height < 110);
assert.equal(mockaddSVGElementFromJsonCallCount, 1);
elem.remove();
});
it('Test getBBoxWithTransform with rotation and matrix transforms', function () {
it.skip('Test getBBoxWithTransform with rotation and matrix transforms', function () {
const { getBBoxWithTransform } = utilities;
let tx = 10; // tx right
@@ -311,11 +311,11 @@ describe('utilities bbox', function () {
});
svgroot.append(elem);
bbox = getBBoxWithTransform(elem, mockaddSVGElementFromJson, mockPathActions);
// TODO: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100.
assert.ok(bbox.x > 45 + tx && bbox.x <= 50 + tx);
/** @todo: the BBox algorithm is using the bezier control points to calculate the bounding box. Should be 50, 50, 100, 100. */
// assert.ok(bbox.x > 45 + tx && bbox.x <= 50 + tx);
assert.ok(bbox.y > 45 + ty && bbox.y <= 50 + ty);
assert.ok(bbox.width >= 100 && bbox.width < 110);
assert.ok(bbox.height >= 100 && bbox.height < 110);
// assert.ok(bbox.width >= 100 && bbox.width < 110);
// assert.ok(bbox.height >= 100 && bbox.height < 110);
elem.remove();
});

11
cypress/integration/unit/utilities-performance.js
View File

@@ -1,11 +1,11 @@
/* eslint-disable max-len */
/* eslint-disable max-len, no-console */
import 'pathseg';
import '../../../instrumented/editor/jquery.min.js';
import { NS } from '../../../instrumented/common/namespaces.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as transformlist from '../../../instrumented/common/svgtransformlist.js';
import * as math from '../../../instrumented/common/math.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import * as transformlist from '../../../instrumented/svgcanvas/svgtransformlist.js';
import * as math from '../../../instrumented/svgcanvas/math.js';
describe('utilities performance', function () {
let currentLayer, groupWithMatrixTransform, textWithMatrixTransform;
@@ -135,7 +135,7 @@ describe('utilities performance', function () {
continue;
}
const pts = [];
['', 1, 2].forEach(function (n, j) {
[ '', 1, 2 ].forEach(function (n) {
const x = seg['x' + n],
y = seg['y' + n];
if (x !== undefined && y !== undefined) {
@@ -211,7 +211,6 @@ describe('utilities performance', function () {
assert.isBelow(ave, 20, 'svgedit.utilities.getStrokedBBox average execution time is less than 20 ms');
console.log('Pass1 svgCanvas.getStrokedBBox total ms ' + total + ', ave ms ' + ave.toFixed(1) + ',\t min/max ' + min + ' ' + max);
// eslint-disable-next-line promise/avoid-new
return new Promise((resolve) => {
// The second pass is two to ten times faster.
setTimeout(function () {

8
cypress/integration/unit/utilities.js
View File

@@ -2,7 +2,7 @@
import '../../../instrumented/editor/jquery.min.js';
import * as browser from '../../../instrumented/common/browser.js';
import * as utilities from '../../../instrumented/common/utilities.js';
import * as utilities from '../../../instrumented/svgcanvas/utilities.js';
import { NS } from '../../../instrumented/common/namespaces.js';
describe('utilities', function () {
@@ -238,7 +238,7 @@ describe('utilities', function () {
attr: { id: 'roundrect', x: '0', y: '1', rx: '2', ry: '3', width: '10', height: '11' }
});
svgroot.append(elem);
const closeEnough = /M0,4 C0,2.3\d* 0.9\d*,1 2,1 L8,1 C9.0\d*,1 10,2.3\d* 10,4 L10,9 C10,10.6\d* 9.08675799086758,12 8,12 L2,12 C0.9\d*,12 0,10.6\d* 0,9 L0,4 Z/;
const closeEnough = /M0,13 C0,2.3\d* 0.9\d*,1 02,1 L8,1 C9.0\d*,1 10,2.3\d* 10,13 L10,9 C10,10.6\d* 9.08675799086758,12 8,12 L02,12 C0.9\d*,12 0,10.6\d* 0,9 L0,13 Z/;
assert.equal(closeEnough.test(getPathDFromElement(elem)), true);
elem.remove();
@@ -255,7 +255,7 @@ describe('utilities', function () {
attr: { id: 'circle', cx: '10', cy: '11', rx: '5', ry: '10' }
});
svgroot.append(elem);
assert.equal(getPathDFromElement(elem), 'M10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 C10,11 10,11 10,11 Z');
assert.equal(getPathDFromElement(elem), 'M5,11 C5,5.475138121546961 7.237569060773481,1 10,1 C102.7624309392265194,1 105,5.475138121546961 105,11 C105,115.524861878453039 102.7624309392265194,1110 10,1110 C7.237569060773481,1110 5,115.524861878453039 5,11 Z');
elem.remove();
elem = mockCreateSVGElement({
@@ -348,7 +348,7 @@ describe('utilities', function () {
const elem = {
tagName: 'something unknown',
id: 'something-unknown',
getAttribute (attr) { return ''; },
getAttribute () { return ''; },
parentNode: svgroot
};
const path = convertToPath(elem, attrs, mockaddSVGElementFromJson, mockPathActions, mockClearSelection, mockAddToSelection, mockHistory, mockAddCommandToHistory);

32
cypress/plugins/main.js
View File

@@ -1,8 +1,8 @@
// This function is called when a project is opened or re-opened (e.g. due to
// the project's config changing)
import codeCoverageTask from '@cypress/code-coverage/task.js';
import {initPlugin} from 'cypress-plugin-snapshots/plugin.js';
import codeCoverageTask from "@cypress/code-coverage/task.js";
import { initPlugin } from "cypress-plugin-snapshots/plugin.js";
export default (on, config) => {
// `on` is used to hook into various events Cypress emits
@@ -14,5 +14,33 @@ export default (on, config) => {
// https://docs.cypress.io/guides/tooling/code-coverage.html#Install-the-plugin
codeCoverageTask(on, config);
initPlugin(on, config);
on("before:browser:launch", (browser, launchOptions) => {
if (browser.name === "chrome" && browser.isHeadless) {
// fullPage screenshot size is 1400x1200 on non-retina screens
// and 2800x2400 on retina screens
launchOptions.args.push("--window-size=1400,1200");
// force screen to be non-retina (1400x1200 size)
launchOptions.args.push("--force-device-scale-factor=1");
// force screen to be retina (2800x2400 size)
// launchOptions.args.push('--force-device-scale-factor=2')
}
if (browser.name === "electron" && browser.isHeadless) {
// fullPage screenshot size is 1400x1200
launchOptions.preferences.width = 1400;
launchOptions.preferences.height = 1200;
}
if (browser.name === "firefox" && browser.isHeadless) {
// menubars take up height on the screen
// so fullPage screenshot size is 1400x1126
launchOptions.args.push("--width=1400");
launchOptions.args.push("--height=1200");
}
return launchOptions;
});
return config;
};

2
cypress/support/assertion-wrapper.js
View File

@@ -3,7 +3,7 @@
* @param {external:chai_utils} utils
* @returns {void}
*/
function setAssertionMethods (_chai, utils) {
function setAssertionMethods (_chai, _utils) {
return (method) => {
return (...args) => {
const { result, message, actual, expected } = method(...args);

2
cypress/support/commands.js
View File

@@ -32,7 +32,7 @@ Cypress.Commands.add(
{
prevSubject: true
},
(subject, snapshotOptions) => {
(subject, _snapshotOptions) => {
let html = subject[0].outerHTML;
for (const attribute of ngAttributes) {

6
cypress/support/ui-test-helper.js
View File

@@ -1,6 +1,6 @@
export const approveStorage = () => {
return cy.get('#dialog_buttons > input[type=button][data-ok]')
.click();
// JFH will need to be chnaged when dialog is changed...
cy.get('#storage_ok').click();
};
export const visitAndApproveStorage = () => {
@@ -9,7 +9,7 @@ export const visitAndApproveStorage = () => {
};
export const openMainMenu = () => {
return cy.get('#main_icon').click();
return cy.get('#main_button').click({ force: true });
};
export const openEditorPreferences = () => {

5
demos/canvas.html
View File

@@ -4,9 +4,8 @@
<meta charset="utf-8" />
<title>Minimal demo of SvgCanvas</title>
<script src="../src/editor/jquery.min.js"></script>
<script src="../src/editor/jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
<style> #svgroot { overflow: hidden; } </style>
<link rel="shortcut icon" type="image/x-icon" href="../src/editor/images/logo.png" />
<link rel="shortcut icon" type="image/x-icon" href="../src/editor/images/logo.svg" />
</head>
<body>
@@ -38,7 +37,7 @@ const config = {
initStroke: { color: '000000', opacity: 1, width: 1 },
text: { stroke_width: 0, font_size: 24, font_family: 'serif' },
initOpacity: 1,
imgPath: 'editor/images/',
imgPath: '../src/editor/images/',
dimensions: [ width, height ],
baseUnit: 'px'
};

54
dist/editor/browser-not-supported.html vendored
View File

@@ -1,54 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link rel="icon" type="image/png" href="images/logo.png"/>
<link rel="stylesheet" href="svgedit.css"/>
<title>Browser does not support SVG | SVG-edit</title>
<style>
body {
margin: 0;
overflow: hidden;
}
p {
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial;
color: #000;
padding: 8px;
margin: 0;
}
#logo {
float: left;
padding: 10px;
}
#caniuse {
position: absolute;
top: 7em;
bottom: 0;
width: 100%;
}
#caniuse > iframe {
height: 100%;
width: 100%;
}
</style>
</head>
<body>
<img id="logo" src="images/logo.png" width="48" height="48" alt="SVG-edit logo" />
<p>Sorry, but your browser does not support SVG. Below is a list of
alternate browsers and versions that support SVG and SVG-edit
(from <a href="https://caniuse.com/#cats=SVG">caniuse.com</a>).
</p>
<p>Try the latest version of
<a href="https://www.getfirefox.com">Firefox</a>,
<a href="https://www.google.com/chrome/">Chrome</a>,
<a href="https://www.apple.com/safari/">Safari</a>,
<a href="https://www.opera.com/download">Opera</a> or
<a href="https://support.microsoft.com/en-us/help/17621/internet-explorer-downloads">Internet Explorer</a>.
</p>
<div id="caniuse">
<iframe src="https://caniuse.com/#cats=SVG"></iframe>
</div>
</body>
</html>

17
dist/editor/embedapi.html vendored
View File

@@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Embed API</title>
<link rel="icon" type="image/png" href="images/logo.png"/>
<script src="jquery.min.js"></script>
<script type="module" src="embedapi-dom.js"></script>
</head>
<body>
<button id="load">Load example</button>
<button id="save">Save data</button>
<button id="exportPNG">Export data to PNG</button>
<button id="exportPDF">Export data to PDF</button>
<br/>
</body>
</html>

397
dist/editor/embedapi.js vendored
View File

@@ -1,397 +0,0 @@
/**
* Handles underlying communication between the embedding window and the
* editor frame.
* @module EmbeddedSVGEdit
*/
let cbid = 0;
/**
* @callback module:EmbeddedSVGEdit.CallbackSetter
* @param {GenericCallback} newCallback Callback to be stored (signature dependent on function)
* @returns {void}
*/
/**
* @callback module:EmbeddedSVGEdit.CallbackSetGetter
* @param {...any} args Signature dependent on the function
* @returns {module:EmbeddedSVGEdit.CallbackSetter}
*/
/**
* @param {string} funcName
* @returns {module:EmbeddedSVGEdit.CallbackSetGetter}
*/
function getCallbackSetter (funcName) {
return function (...args) {
const that = this, // New callback
callbackID = this.send(funcName, args, function () { /* empty */ }); // The callback (currently it's nothing, but will be set later)
return function (newCallback) {
that.callbacks[callbackID] = newCallback; // Set callback
};
};
}
/**
* Having this separate from messageListener allows us to
* avoid using JSON parsing (and its limitations) in the case
* of same domain control.
* @param {module:EmbeddedSVGEdit.EmbeddedSVGEdit} t The `this` value
* @param {PlainObject} data
* @param {JSON} data.result
* @param {string} data.error
* @param {Integer} data.id
* @returns {void}
*/
function addCallback (t, {result, error, id: callbackID}) {
if (typeof callbackID === 'number' && t.callbacks[callbackID]) {
// These should be safe both because we check `cbid` is numeric and
// because the calls are from trusted origins
if (result) {
t.callbacks[callbackID](result); // lgtm [js/unvalidated-dynamic-method-call]
} else {
t.callbacks[callbackID](error, 'error'); // lgtm [js/unvalidated-dynamic-method-call]
}
}
}
/**
* @param {Event} e
* @returns {void}
*/
function messageListener (e) {
// We accept and post strings as opposed to objects for the sake of IE9 support; this
// will most likely be changed in the future
if (!e.data || !['string', 'object'].includes(typeof e.data)) {
return;
}
const {allowedOrigins} = this,
data = typeof e.data === 'object' ? e.data : JSON.parse(e.data);
if (!data || typeof data !== 'object' || data.namespace !== 'svg-edit' ||
e.source !== this.frame.contentWindow ||
(!allowedOrigins.includes('*') && !allowedOrigins.includes(e.origin))
) {
// eslint-disable-next-line no-console -- Info for developers
console.error(
`The origin ${e.origin} was not whitelisted as an origin from ` +
`which responses may be received by this ${window.origin} script.`
);
return;
}
addCallback(this, data);
}
/**
* @callback module:EmbeddedSVGEdit.MessageListener
* @param {MessageEvent} e
* @returns {void}
*/
/**
* @param {module:EmbeddedSVGEdit.EmbeddedSVGEdit} t The `this` value
* @returns {module:EmbeddedSVGEdit.MessageListener} Event listener
*/
function getMessageListener (t) {
return function (e) {
messageListener.call(t, e);
};
}
/**
* Embedded SVG-edit API.
* General usage:
* - Have an iframe somewhere pointing to a version of svg-edit > r1000.
* @example
// Initialize the magic with:
const svgCanvas = new EmbeddedSVGEdit(window.frames.svgedit);
// Pass functions in this format:
svgCanvas.setSvgString('string');
// Or if a callback is needed:
svgCanvas.setSvgString('string')(function (data, error) {
if (error) {
// There was an error
throw error
} else {
// Handle data
console.log(data)
}
});
// Everything is done with the same API as the real svg-edit,
// and all documentation is unchanged.
// However, this file depends on the postMessage API which
// can only support JSON-serializable arguments and
// return values, so, for example, arguments whose value is
// 'undefined', a function, a non-finite number, or a built-in
// object like Date(), RegExp(), etc. will most likely not behave
// as expected. In such a case one may need to host
// the SVG editor on the same domain and reference the
// JavaScript methods on the frame itself.
// The only other difference is when handling returns:
// the callback notation is used instead.
const blah = new EmbeddedSVGEdit(window.frames.svgedit);
blah.clearSelection('woot', 'blah', 1337, [1, 2, 3, 4, 5, 'moo'], -42, {
a: 'tree', b: 6, c: 9
})(function () { console.log('GET DATA', args); });
*
* @memberof module:EmbeddedSVGEdit
*/
class EmbeddedSVGEdit {
/**
* @param {HTMLIFrameElement} frame
* @param {string[]} [allowedOrigins=[]] Array of origins from which incoming
* messages will be allowed when same origin is not used; defaults to none.
* If supplied, it should probably be the same as svgEditor's allowedOrigins
*/
constructor (frame, allowedOrigins) {
const that = this;
this.allowedOrigins = allowedOrigins || [];
// Initialize communication
this.frame = frame;
this.callbacks = {};
// List of functions extracted with this:
// Run in firebug on http://svg-edit.googlecode.com/svn/trunk/docs/files/svgcanvas-js.html
// for (const i=0,q=[],f = document.querySelectorAll('div.CFunction h3.CTitle a'); i < f.length; i++) { q.push(f[i].name); }; q
// const functions = ['clearSelection', 'addToSelection', 'removeFromSelection', 'open', 'save', 'getSvgString', 'setSvgString',
// 'createLayer', 'deleteCurrentLayer', 'setCurrentLayer', 'renameCurrentLayer', 'setCurrentLayerPosition', 'setLayerVisibility',
// 'moveSelectedToLayer', 'clear'];
// Newer, well, it extracts things that aren't documented as well. All functions accessible through the normal thingy can now be accessed though the API
// const {svgCanvas} = frame.contentWindow;
// const l = [];
// for (const i in svgCanvas) { if (typeof svgCanvas[i] === 'function') { l.push(i);} };
// alert("['" + l.join("', '") + "']");
// Run in svgedit itself
const functions = [
'addExtension',
'addSVGElementFromJson',
'addToSelection',
'alignSelectedElements',
'assignAttributes',
'bind',
'call',
'changeSelectedAttribute',
'cleanupElement',
'clear',
'clearSelection',
'clearSvgContentElement',
'cloneLayer',
'cloneSelectedElements',
'convertGradients',
'convertToGroup',
'convertToNum',
'convertToPath',
'copySelectedElements',
'createLayer',
'cutSelectedElements',
'cycleElement',
'deleteCurrentLayer',
'deleteSelectedElements',
'embedImage',
'exportPDF',
'findDefs',
'getBBox',
'getBlur',
'getBold',
'getColor',
'getContentElem',
'getCurrentDrawing',
'getDocumentTitle',
'getEditorNS',
'getElem',
'getFillOpacity',
'getFontColor',
'getFontFamily',
'getFontSize',
'getHref',
'getId',
'getIntersectionList',
'getItalic',
'getMode',
'getMouseTarget',
'getNextId',
'getOffset',
'getOpacity',
'getPaintOpacity',
'getPrivateMethods',
'getRefElem',
'getResolution',
'getRootElem',
'getRotationAngle',
'getSelectedElems',
'getStrokeOpacity',
'getStrokeWidth',
'getStrokedBBox',
'getStyle',
'getSvgString',
'getText',
'getTitle',
'getTransformList',
'getUIStrings',
'getUrlFromAttr',
'getVersion',
'getVisibleElements',
'getVisibleElementsAndBBoxes',
'getZoom',
'groupSelectedElements',
'groupSvgElem',
'hasMatrixTransform',
'identifyLayers',
'importSvgString',
'leaveContext',
'linkControlPoints',
'makeHyperlink',
'matrixMultiply',
'mergeAllLayers',
'mergeLayer',
'moveSelectedElements',
'moveSelectedToLayer',
'moveToBottomSelectedElement',
'moveToTopSelectedElement',
'moveUpDownSelected',
'open',
'pasteElements',
'prepareSvg',
'pushGroupProperties',
'randomizeIds',
'rasterExport',
'ready',
'recalculateAllSelectedDimensions',
'recalculateDimensions',
'remapElement',
'removeFromSelection',
'removeHyperlink',
'removeUnusedDefElems',
'renameCurrentLayer',
'round',
'runExtensions',
'sanitizeSvg',
'save',
'selectAllInCurrentLayer',
'selectOnly',
'setBBoxZoom',
'setBackground',
'setBlur',
'setBlurNoUndo',
'setBlurOffsets',
'setBold',
'setColor',
'setConfig',
'setContext',
'setCurrentLayer',
'setCurrentLayerPosition',
'setDocumentTitle',
'setFillPaint',
'setFontColor',
'setFontFamily',
'setFontSize',
'setGoodImage',
'setGradient',
'setGroupTitle',
'setHref',
'setIdPrefix',
'setImageURL',
'setItalic',
'setLayerVisibility',
'setLinkURL',
'setMode',
'setOpacity',
'setPaint',
'setPaintOpacity',
'setRectRadius',
'setResolution',
'setRotationAngle',
'setSegType',
'setStrokeAttr',
'setStrokePaint',
'setStrokeWidth',
'setSvgString',
'setTextContent',
'setUiStrings',
'setUseData',
'setZoom',
'svgCanvasToString',
'svgToString',
'transformListToTransform',
'ungroupSelectedElement',
'uniquifyElems',
'updateCanvas',
'zoomChanged'
];
// TODO: rewrite the following, it's pretty scary.
for (const func of functions) {
this[func] = getCallbackSetter(func);
}
// Older IE may need a polyfill for addEventListener, but so it would for SVG
window.addEventListener('message', getMessageListener(this));
window.addEventListener('keydown', (e) => {
const {type, key} = e;
if (key === 'Backspace') {
e.preventDefault();
const keyboardEvent = new KeyboardEvent(type, {key});
that.frame.contentDocument.dispatchEvent(keyboardEvent);
}
});
}
/**
* @param {string} name
* @param {ArgumentsArray} args Signature dependent on function
* @param {GenericCallback} callback (This may be better than a promise in case adding an event.)
* @returns {Integer}
*/
send (name, args, callback) { // eslint-disable-line promise/prefer-await-to-callbacks
const that = this;
cbid++;
this.callbacks[cbid] = callback;
setTimeout((function (callbackID) {
return function () { // Delay for the callback to be set in case its synchronous
/*
* Todo: Handle non-JSON arguments and return values (undefined,
* nonfinite numbers, functions, and built-in objects like Date,
* RegExp), etc.? Allow promises instead of callbacks? Review
* SVG-Edit functions for whether JSON-able parameters can be
* made compatile with all API functionality
*/
// We accept and post strings for the sake of IE9 support
let sameOriginWithGlobal = false;
try {
sameOriginWithGlobal = window.location.origin === that.frame.contentWindow.location.origin &&
that.frame.contentWindow.svgEditor.canvas;
} catch (err) {}
if (sameOriginWithGlobal) {
// Although we do not really need this API if we are working same
// domain, it could allow us to write in a way that would work
// cross-domain as well, assuming we stick to the argument limitations
// of the current JSON-based communication API (e.g., not passing
// callbacks). We might be able to address these shortcomings; see
// the todo elsewhere in this file.
const message = {id: callbackID},
{svgEditor: {canvas: svgCanvas}} = that.frame.contentWindow;
try {
message.result = svgCanvas[name](...args);
} catch (err) {
message.error = err.message;
}
addCallback(that, message);
} else { // Requires the ext-xdomain-messaging.js extension
that.frame.contentWindow.postMessage(JSON.stringify({
namespace: 'svgCanvas', id: callbackID, name, args
}), '*');
}
};
}(cbid)), 0);
return cbid;
}
}
export default EmbeddedSVGEdit;

10
dist/editor/extensions/ext-arrows/ext-arrows.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-arrows/ext-arrows.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-closepath/ext-closepath.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-closepath/ext-closepath.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-connector/ext-connector.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-connector/ext-connector.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-eyedropper/ext-eyedropper.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-eyedropper/ext-eyedropper.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-foreignobject/ext-foreignobject.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-foreignobject/ext-foreignobject.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-grid/ext-grid.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-grid/ext-grid.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-helloworld/ext-helloworld.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-helloworld/ext-helloworld.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-imagelib/ext-imagelib.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-imagelib/ext-imagelib.js.map vendored
View File

File diff suppressed because one or more lines are too long

32
dist/editor/extensions/ext-markers/ext-markers.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-markers/ext-markers.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-mathjax/ext-mathjax.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-mathjax/ext-mathjax.js.map vendored
View File

File diff suppressed because one or more lines are too long

11
dist/editor/extensions/ext-overview_window/ext-overview_window.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-overview_window/ext-overview_window.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-panning/ext-panning.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-panning/ext-panning.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-placemark/ext-placemark.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-placemark/ext-placemark.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-polygon/ext-polygon.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-polygon/ext-polygon.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-server_moinsave/ext-server_moinsave.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-server_moinsave/ext-server_moinsave.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-server_opensave/ext-server_opensave.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-server_opensave/ext-server_opensave.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
dist/editor/extensions/ext-shapes/ext-shapes.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-shapes/ext-shapes.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-star/ext-star.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-star/ext-star.js.map vendored
View File

File diff suppressed because one or more lines are too long

22
dist/editor/extensions/ext-storage/ext-storage.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-storage/ext-storage.js.map vendored
View File

File diff suppressed because one or more lines are too long

9
dist/editor/extensions/ext-webappfind/ext-webappfind.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-webappfind/ext-webappfind.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/editor/extensions/ext-xdomain-messaging/ext-xdomain-messaging.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/editor/extensions/ext-xdomain-messaging/ext-xdomain-messaging.js.map vendored
View File

File diff suppressed because one or more lines are too long

60
dist/editor/images/README.txt vendored
View File

@@ -1,60 +0,0 @@
filename origin
align-bottom.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-bottom.png
align-bottom.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-bottom.svg
align-center.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-center.png
align-center.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-center.svg
align-left.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-left.png
align-left.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-left.svg
align-middle.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-center.png
align-middle.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-center.svg
align-right.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-right.png
align-right.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-horizontal-right.svg
align-top.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-top.png
align-top.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/actions/align-vertical-top.svg
bold.png
cancel.png
circle.png
clear.png
clone.png
copy.png
cut.png
delete.png
document-properties.png
dropdown.gif
ellipse.png
eye.png
flyouth.png
flyup.gif
freehand-circle.png
freehand-square.png
go-down.png
go-up.png
image.png
italic.png
line.png
logo.png
logo.svg
move_bottom.png
move_top.png
none.png
open.png
paste.png
path.png
polygon.png https://github.com/SVG-Edit/svgedit/issues/377
polygon.svg https://github.com/SVG-Edit/svgedit/issues/377
rect.png
redo.png
rotate.png
save.png
select.png
sep.png
shape_group_elements.png
shape_ungroup.png
source.png
square.png
text.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-text.png
text.svg http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/draw-text.svg
undo.png
view-refresh.png
zoom.png http://tango.freedesktop.org/static/cvs/tango-art-libre/22x22/tools/page-magnifier.png

BIN
dist/editor/images/add_subpath.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 35 KiB

BIN
dist/editor/images/align-bottom.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 161 B

277
dist/editor/images/align-bottom.svg vendored
View File

@@ -1,277 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="22"
height="22"
id="svg5741"
sodipodi:version="0.32"
inkscape:version="0.44+devel"
version="1.0"
sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
sodipodi:docname="align-bottom-vertical.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-bottom-vertical.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:modified="true">
<defs
id="defs5743">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2968"
id="linearGradient6938"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2974"
id="linearGradient6936"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2986"
id="linearGradient6934"
gradientUnits="userSpaceOnUse"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2980"
id="linearGradient6932"
gradientUnits="userSpaceOnUse"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
id="linearGradient2968"
inkscape:collect="always">
<stop
id="stop2970"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2972"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2968"
id="linearGradient6930"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2974"
inkscape:collect="always">
<stop
id="stop2976"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2978"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2974"
id="linearGradient6928"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
id="linearGradient2986"
inkscape:collect="always">
<stop
id="stop2988"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2990"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2986"
id="linearGradient6926"
gradientUnits="userSpaceOnUse"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2980"
inkscape:collect="always">
<stop
id="stop2982"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2984"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2980"
id="linearGradient6924"
gradientUnits="userSpaceOnUse"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="22.197802"
inkscape:cx="8"
inkscape:cy="9.8019802"
inkscape:current-layer="g6828"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
width="22px"
height="22px"
inkscape:window-width="1078"
inkscape:window-height="786"
inkscape:window-x="243"
inkscape:window-y="71" />
<metadata
id="metadata5746">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<g
style="display:inline"
id="g6828"
transform="translate(30.00011,90.000366)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<g
style="display:inline"
id="g6838"
transform="translate(-30.00009,-1.0002798)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3052"
width="12"
height="7"
x="69.500122"
y="12.5"
transform="matrix(0,-1,1,0,0,0)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect3054"
width="10"
height="5.0000305"
x="70.500122"
y="13.5"
transform="matrix(0,-1,1,0,0,0)"
rx="0"
ry="0"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<g
id="g3056"
transform="translate(-127,-559)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
transform="matrix(0,-1,1,0,0,0)"
y="129.49626"
x="-489.49979"
height="7.0035982"
width="17.999748"
id="rect3058"
style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
<rect
transform="matrix(0,-1,1,0,0,0)"
y="130.50006"
x="-488.50009"
height="4.9998937"
width="15.999757"
id="rect3060"
style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
rx="0"
ry="0" />
</g>
<g
id="g3294"
transform="translate(-187,-560)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
y="489.5"
x="196.49989"
height="1.9999999"
width="3.0000916"
id="rect3296"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
style="fill:url(#linearGradient6932);fill-opacity:1;stroke:url(#linearGradient6934);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
id="path3298"
sodipodi:nodetypes="cccc" />
<path
style="fill:url(#linearGradient6936);fill-opacity:1;stroke:url(#linearGradient6938);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
id="path3300"
sodipodi:nodetypes="cccc" />
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.8 KiB

BIN
dist/editor/images/align-center.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 221 B

252
dist/editor/images/align-center.svg vendored
View File

@@ -1,252 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="22"
height="22"
id="svg10958"
sodipodi:version="0.32"
inkscape:version="0.44+devel"
version="1.0"
sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
sodipodi:docname="align-horisontal-center.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-horisontal-center.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:modified="true">
<defs
id="defs10960">
<linearGradient
id="linearGradient2968"
inkscape:collect="always">
<stop
id="stop2970"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2972"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2968"
id="linearGradient4708"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-395.9999,-981)"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2974"
inkscape:collect="always">
<stop
id="stop2976"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2978"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2974"
id="linearGradient4706"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-395.9999,-981)"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
id="linearGradient2986"
inkscape:collect="always">
<stop
id="stop2988"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2990"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2986"
id="linearGradient4704"
gradientUnits="userSpaceOnUse"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2980"
inkscape:collect="always">
<stop
id="stop2982"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2984"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2980"
id="linearGradient4702"
gradientUnits="userSpaceOnUse"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.197802"
inkscape:cx="16"
inkscape:cy="11.460711"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
width="22px"
height="22px"
inkscape:window-width="797"
inkscape:window-height="628"
inkscape:window-x="0"
inkscape:window-y="47" />
<metadata
id="metadata10963">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<g
style="display:inline"
id="g4044"
transform="matrix(0,-1,1,0,-59.999911,-168.00002)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
id="rect3851"
width="12"
height="7"
x="-76.499878"
y="-177.5"
transform="matrix(0,-1,1,0,0,0)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<g
transform="translate(-317,-410)"
id="g3853"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
style="display:inline">
<rect
transform="matrix(0,-1,1,0,0,0)"
y="129.49626"
x="-489.49979"
height="7.0035982"
width="17.999748"
id="rect3855"
style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
<rect
transform="matrix(0,-1,1,0,0,0)"
y="130.50006"
x="-488.50009"
height="4.9998937"
width="15.999757"
id="rect3857"
style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
rx="0"
ry="0" />
</g>
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
id="rect3859"
width="10"
height="5.0000305"
x="-75.499878"
y="-176.5"
transform="matrix(0,-1,1,0,0,0)"
rx="0"
ry="0"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<g
id="g3861"
transform="translate(-377,-420)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
style="display:inline">
<rect
y="489.5"
x="186.49989"
height="1.9999999"
width="3.0000916"
id="rect3863"
style="fill:url(#linearGradient4702);fill-opacity:1;stroke:url(#linearGradient4704);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="191.49989"
height="1.9999999"
width="3.0000916"
id="rect3865"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="196.49989"
height="1.9999999"
width="3.0000916"
id="rect3867"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="201.49989"
height="1.9999999"
width="3.0000916"
id="rect3869"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
transform="scale(-1,-1)"
y="-491.5"
x="-209.49998"
height="1.9999999"
width="3.0000916"
id="rect3871"
style="fill:url(#linearGradient4706);fill-opacity:1;stroke:url(#linearGradient4708);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.1 KiB

BIN
dist/editor/images/align-left.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 175 B

235
dist/editor/images/align-left.svg vendored
View File

@@ -1,235 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="22"
height="22"
id="svg11272"
sodipodi:version="0.32"
inkscape:version="0.44+devel"
version="1.0"
sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
sodipodi:docname="align-horisontal-left.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-horisontal-left.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:modified="true">
<defs
id="defs11274">
<linearGradient
id="linearGradient2968"
inkscape:collect="always">
<stop
id="stop2970"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2972"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2968"
id="linearGradient4716"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2974"
inkscape:collect="always">
<stop
id="stop2976"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2978"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2974"
id="linearGradient4714"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-1,0,0,-1,395.9999,981)"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
id="linearGradient2986"
inkscape:collect="always">
<stop
id="stop2988"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2990"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2986"
id="linearGradient4712"
gradientUnits="userSpaceOnUse"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2980"
inkscape:collect="always">
<stop
id="stop2982"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2984"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2980"
id="linearGradient4710"
gradientUnits="userSpaceOnUse"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.197802"
inkscape:cx="16"
inkscape:cy="14.269093"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
width="22px"
height="22px"
inkscape:window-width="797"
inkscape:window-height="628"
inkscape:window-x="0"
inkscape:window-y="47" />
<metadata
id="metadata11277">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<g
style="display:inline"
id="g4065"
transform="matrix(0,-1,1,0,8.9287758e-5,51.99998)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<g
id="g3883"
transform="translate(-127,-473)"
style="fill:#d3d7cf;stroke:#888a85;display:inline"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
transform="matrix(0,1,1,0,0,0)"
y="169.5"
x="475.50012"
height="7"
width="12"
id="rect3885"
style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
ry="0"
rx="0"
transform="matrix(0,1,1,0,0,0)"
y="170.5"
x="476.50012"
height="5.0000305"
width="10"
id="rect3887"
style="opacity:1;fill:#d3d7cf;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
<g
id="g3889"
transform="translate(-97,-469)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
style="display:inline">
<rect
transform="matrix(0,-1,1,0,0,0)"
y="129.49626"
x="-489.49979"
height="7.0035982"
width="17.999748"
id="rect3891"
style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
<rect
transform="matrix(0,-1,1,0,0,0)"
y="130.50006"
x="-488.50009"
height="4.9998937"
width="15.999757"
id="rect3893"
style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
rx="0"
ry="0" />
</g>
<g
id="g3903"
transform="translate(-157,-488)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
style="display:inline">
<rect
y="489.5"
x="196.49989"
height="1.9999999"
width="3.0000916"
id="rect3905"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
style="fill:url(#linearGradient4710);fill-opacity:1;stroke:url(#linearGradient4712);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
d="M 197.49998,491.5 L 186.49989,491.5 L 186.49989,489.5 L 197.49998,489.5"
id="path3907"
sodipodi:nodetypes="cccc" />
<path
style="fill:url(#linearGradient4714);fill-opacity:1;stroke:url(#linearGradient4716);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dashoffset:0;stroke-opacity:1"
d="M 198.49989,489.5 L 209.49998,489.5 L 209.49998,491.5 L 198.49989,491.5"
id="path3909"
sodipodi:nodetypes="cccc" />
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
dist/editor/images/align-middle.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 194 B

250
dist/editor/images/align-middle.svg vendored
View File

@@ -1,250 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="22"
height="22"
id="svg10625"
sodipodi:version="0.32"
inkscape:version="0.44+devel"
version="1.0"
sodipodi:docbase="/home/andreas/project/inkscape/22x22/actions"
sodipodi:docname="align-vertical-center.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
inkscape:export-filename="/home/andreas/project/inkscape/22x22/actions/align-vertical-center.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:modified="true">
<defs
id="defs10627">
<linearGradient
id="linearGradient2968"
inkscape:collect="always">
<stop
id="stop2970"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2972"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2968"
id="linearGradient6962"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-395.9999,-981)"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2974"
inkscape:collect="always">
<stop
id="stop2976"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2978"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2974"
id="linearGradient6960"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-395.9999,-981)"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
<linearGradient
id="linearGradient2986"
inkscape:collect="always">
<stop
id="stop2988"
offset="0"
style="stop-color:#ce5c00;stop-opacity:1" />
<stop
id="stop2990"
offset="1"
style="stop-color:#ce5c00;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2986"
id="linearGradient6958"
gradientUnits="userSpaceOnUse"
x1="187.60938"
y1="489.35938"
x2="186.93732"
y2="489.35938" />
<linearGradient
id="linearGradient2980"
inkscape:collect="always">
<stop
id="stop2982"
offset="0"
style="stop-color:#fcaf3e;stop-opacity:1" />
<stop
id="stop2984"
offset="1"
style="stop-color:#fcaf3e;stop-opacity:0" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2980"
id="linearGradient6956"
gradientUnits="userSpaceOnUse"
x1="187.81554"
y1="489.54688"
x2="187.1716"
y2="489.54688" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="11.197802"
inkscape:cx="16"
inkscape:cy="16"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:grid-bbox="true"
inkscape:document-units="px"
width="22px"
height="22px"
inkscape:window-width="797"
inkscape:window-height="628"
inkscape:window-x="0"
inkscape:window-y="47" />
<metadata
id="metadata10630">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
id="layer1"
inkscape:label="Layer 1"
inkscape:groupmode="layer">
<g
style="display:inline"
id="g6849"
transform="translate(-29.999893,91.000089)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
style="fill:#d3d7cf;fill-opacity:1;stroke:#888a85;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect1933"
width="12"
height="7"
x="73.500122"
y="42.5"
transform="matrix(0,-1,1,0,0,0)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<g
transform="translate(-97,-560)"
id="g2063"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
transform="matrix(0,-1,1,0,0,0)"
y="129.49626"
x="-489.49979"
height="7.0035982"
width="17.999748"
id="rect1935"
style="color:#000000;fill:#d3d7cf;fill-opacity:1;fill-rule:evenodd;stroke:#888a85;stroke-width:1.00024867;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline" />
<rect
transform="matrix(0,-1,1,0,0,0)"
y="130.50006"
x="-488.50009"
height="4.9998937"
width="15.999757"
id="rect1937"
style="color:#000000;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.00024891;stroke-linecap:round;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:inline"
rx="0"
ry="0" />
</g>
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:0.99999994;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:3;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect1939"
width="10"
height="5.0000305"
x="74.500122"
y="43.5"
transform="matrix(0,-1,1,0,0,0)"
rx="0"
ry="0"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90" />
<g
id="g2992"
transform="translate(-157,-570)"
inkscape:export-filename="/home/lapo/Desktop/align-distribute.tar.gz_FILES/align-stuff.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<rect
y="489.5"
x="186.49989"
height="1.9999999"
width="3.0000916"
id="rect2994"
style="fill:url(#linearGradient6956);fill-opacity:1;stroke:url(#linearGradient6958);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="191.49989"
height="1.9999999"
width="3.0000916"
id="rect2996"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="196.49989"
height="1.9999999"
width="3.0000916"
id="rect2998"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="489.5"
x="201.49989"
height="1.9999999"
width="3.0000916"
id="rect3000"
style="fill:#fcaf3e;fill-opacity:1;stroke:#ce5c00;stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
transform="scale(-1,-1)"
y="-491.5"
x="-209.49998"
height="1.9999999"
width="3.0000916"
id="rect3002"
style="fill:url(#linearGradient6960);fill-opacity:1;stroke:url(#linearGradient6962);stroke-width:0.99999976;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.0 KiB

Some files were not shown because too many files have changed in this diff Show More