diff --git a/.eslintignore b/.eslintignore
index 220ed876..88fc3369 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -5,7 +5,6 @@ docs/jsdoc
svgedit-config-es.js
svgedit-config-iife.js
-svgedit-config-sample-iife.js
svgedit-custom.css
# Vendor/minified files
diff --git a/.gitignore b/.gitignore
index b1ecc5fe..3c2b54e9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,12 +2,6 @@ node_modules
build/
-# For examples, see
-# svgedit-config-sample-es.js
-# svgedit-config-sample-iife.js
-svgedit-config-es.js
-svgedit-config-iife.js
-
svgedit-custom.css
docs/jsdoc
diff --git a/CHANGES.md b/CHANGES.md
index f4117ca2..eef73a8f 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,5 +1,37 @@
# ?
+- Security fix: 'extPath', 'imgPath', 'extIconsPath', 'canvgPath',
+ 'langPath', 'jGraduatePath', and 'jspdfPath' were not being prevented
+- Breaking change: Rename "svgutils.js" to "utilities.js" (make in
+ conformity with JSDoc module naming convention)
+- Breaking change: Rename "svgedit.js" to "namespaces.js" (to make clear
+ purpose and avoid confusing with editor)
+- Breaking change: Rename "jquery-svg.js" to "jQuery.attr.js"
+- Breaking change: Rename "jquery.contextMenu.js" to "jQuery.contextMenu.js"
+- Breaking change: Rename "jquery.jpicker.js" to "jQuery.jPicker.js"
+- Breaking change: Rename "JQuerySpinBtn.css" to "jQuery.SpinButton.css"
+- Breaking change: Rename "JQuerySpinBtn.js" to "jQuery.SpinButton.js" (to
+ have file name more closely reflect name)
+- Breaking change: Rename "jquery.svgicons.js" to "jQuery.svgIcons.js"
+- Breaking change: Rename "jquery.jgraduate.js" to "jQuery.jGraduate.js"
+- Breaking change: Rename "pathseg.js" to "svgpathseg.js" (as it is a
+ poyfill of SVGPathSeg)
+- Breaking change: Rename `addSvgElementFromJson()` to `addSVGElementFromJson`
+ for consistency
+- Breaking change: Rename `changeSvgContent()` to `changeSVGContent()` for
+ consistency
+- Breaking change: Have `exportPDF` resolve with `output` and `outputType`
+ rather than `dataurlstring` (as type may vary)
+- Breaking change: Rename `extensions/mathjax/MathJax.js` to
+ `extensions/mathjax/MathJax.min.js`
+- Breaking change: Avoid recent change to have editor ready callbacks
+ return Promises (we're not using and advantageous to keep sequential)
+- Breaking change: Avoid recent addition of locale-side function in
+ ext-imagelib for l10n
+- Breaking change: Change name of `ext-arrows.js` from `Arrows` to `arrows`
+ for sake of file path (not localized anyways).
+- Breaking change: Change `addlangData` extension event to `addLangData`
+ for consistency with method name
- Breaking change: In interests of modularity/removing globals,
remove `window.svgCanvas` and `svgCanvas.ready` as used by older
extensions; use `svgEditor.canvas` and `svgEditor.ready` instead
@@ -13,14 +45,19 @@
(`setStackBlurCanvasRGBA`) rather than global; `canvg` now a named export
- Breaking change: Avoid passing `canvg`/`buildCanvgCallback` to extensions
(have them import)
+- Breaking change: Have `readLang` return lang and data but do not call
+ `setLang`
- npm: Add `prepublishOnly` script to ensure building/testing before publish
-- npm: Update devDep Rollup, Sinon
+- npm: Update devDeps including Rollup, Sinon
- Fix: Remove redundant (and incorrect) length set. (#256 ; fixes #255)
- Fix: Detection of whether to keep ellipse (rx and ry when just created
are now returning 0 instead of null); also with rectangle/square;
fixes #262
- Fix: Avoid erring during resize on encountering MathML (which have no
`style`)
+- Fix: Have general locales load first so extensions may use
+- Fix: Provide `importLocale` to extensions `init` so it may delay
+ adding of the extension until locale data loaded
- Fix: i18nize imaglib more deeply
- Fix: Positioning of Document Properties dialog (Fixes #246)
- Fix (regression): PDF Export (Fixes #249)
@@ -31,15 +68,37 @@
- Fix (embedded editor): Fix backspace key in Firefox so it doesn't navigate
out of frame
- Fix: Alert if no `exportWindow` for PDF (e.g., if blocked)
+- Fix: Ensure call to `rasterExport` without `imgType` properly sets MIME
+ type to PNG
+- Fix: Wrong name for moinsave
- Fix (Embedded API): Cross-domain may fail to even access `origin` or
`contentDocument`
- Fix (Embedded API): Avoid adding URL to iframe src if there are no arguments
- Fix (Cross-domain usage): Recover from exceptions with `localStorage`
- Fix regression (Imagelib): Fix path for non-module version
+- Update: Update WebAppFind per new API changes
+- Enhancement: Make `setStrings` public on editor for late setting (used
+ by `ext-shapes.js`)
+- Enhancement: Add `extensions_added` event
+- Enhancement: Add `message` event (Relay messages including those which
+ have been been received prior to extension load)
- Enhancement: Sort SVG attributes alphabetically (#252 @Neil Fraser)
- Enhancement: Allow callback argument and return promise
for canvas methods: `rasterExport` and `exportPDF`
- Enhancement: Add `pointsAdded` canvas event (Fixes #141)
+- Enhancement: Allow SVGEdit to work out of the box--avoid need for copying
+ sample config file. Should also help with Github-based file servers
+- Enhancement: Allow avoiding "name" in extension export (just extract out
+ of file name)
+- Enhancement: Add stack blur to canvg by default (and refactoring it)
+- Enhancement: Return `Promise` for `embedImage` (as with some other loading
+ methods)
+- Enhancement: Supply `importLocale` to `langReady` to facilitate extension
+ locale loading
+- Enhancement: Recover if an extension fails to load (just log and otherwise
+ ignore)
+- Enhancement: More i18n of extensions
+- Enhancement: Allowing importing of locales within `addLangData`
- i18n: Clarify locale messages (where still available as English) to reflect
fact that Chrome only has "Save as" via context menu/right-click, not via
file menu (toward #192)
@@ -59,19 +118,55 @@
- Refactoring: Fix `lang` and `dir` for locales (though not in use
currently anyways)
- Refactoring: Provide path config for canvg, jspdf
+- Refactoring: Drop code for extension as function (already requiring export
+ to be an object)
+- Refactoring: Object destructuring, `Object.entries`, Object shorthand,
+ array extras, more camelCase variable names
+- Refactoring: Add a `Command` base class
+- Refactoring: Simplify svgicons `callback` ready detection
+- Refactoring: Put `let` or `const` closer to scope
+- Refactoring: Remove unneeded `delimiter` from regex escaping utility
+- Refactoring: Clearer variable names
+- Refactoring: Use (non-deprecated) Event constructors
- Refactoring (minor): variadic args through ellipsis
- Refactoring (minor): `getIssues` to return codes and strings, lbs
- Refactoring (minor): Use single quotes in PHP
- Docs (Code comments): Coding standards within
-- Docs: Move jsdoc output to public directory so may be visible on releases
- (while still having in a `.gitignore`)
-- Docs (JSDoc): Add items; fix table layout
-- Docs: Exclusions from jsdoc
- Docs: Transfer some changes from ExtensionDocs on wiki (need to fully
reconcile)
- Docs: Reference JSDocs in README
- Docs (ReleaseInstructions): Update
+- Docs: Migrate copies of all old wiki pages to docs/from-old-wiki
+ folder; intended for a possible move to Markdown, so raw HTML
+ (with formatting) was not preserved, though named links were carried over
+ with absolute URLs
+- Docs: Begin deleting `SvgCanvas.md` as ensuring jsdoc has replacements
+- Docs: Add Edtior doc file for help to general users
+- Docs: Clarify/simplify install instructions
+- Docs: Generally update/improve docs (fixes #92)
+- Docs: Update links to `latest` path (Avoid needing to update such
+ references upon each release)
+- Docs: 80 chars max
+- npm/Docs (JSDoc): Add script to check for overly generic types
+- Docs (JSDoc): Move jsdoc output to public directory so may be visible
+ on releases (while still having in a `.gitignore`)
+- Docs (JSDoc): Exclusions
+- Docs (JSDoc): Add items; fix table layout
+- Docs (JSDoc): For config/prefs and extension creating, link to tutorials
+ (moved tutorials to own directory to avoid recursion problems by jsdoc)
+- Docs (JSDoc): Add modules (upper case for usual main entrance files or
+ regular names)
+- Docs (JSDoc): Fill out missing areas; indicate return of `undefined`;
+ consistency with `@returns`
+- Docs (JSDoc): Use Markdown plugin over HTML
+- Docs (JSDoc): Add our own layout template to support overflow
+- Docs (JSDoc): Use cleverLinks and disallow unknown tags
+- Docs (JSDoc): Insist on "pedantic" flag; put output directory in config
+- Docs (JSDoc): Use more precise Integer/Float over number, the specific type
+ of array/function/object
+- Docs (JSDoc): Use `@throws`, `@enum`, `@event`/`@fires`/`@listens`
- Linting (ESLint): Avoid linting jsdoc folder
+- Testing: Use new Sinon
# 3.0.0-alpha.4
@@ -333,7 +428,7 @@ git log 4bb15e0..253b4bf
- Potentially breaking API changes:
* Disallowed "extPath", "imgPath", "langPath", and "jGraduatePath" setting via URL and prevent cross-domain/cross-folder extensions being set by URL (security enhancement)
* Deprecated "pngsave" option called by setCustomHandlers() in favor of "exportImage" (to accommodate export of other image types). Second argument will now supply, in addition to "issues" and "svg", the properties "type" (currently 'PNG', 'JPEG', 'BMP', 'WEBP'), "mimeType", and "quality" (for 'JPEG' and 'WEBP' types).
- * Default extensions will now always load (along with those supplied in the URL unless the latter is prohibited by configuration), so if you do not wish your old code to load all of the default extensions, you will need to add &noDefaultExtensions=true to the URL (or add equivalent configuration in config.js). ext-overview_window.js can now be excluded though it is still a default.
+ * Default extensions will now always load (along with those supplied in the URL unless the latter is prohibited by configuration), so if you do not wish your old code to load all of the default extensions, you will need to add `&noDefaultExtensions=true` to the URL (or add equivalent configuration in config.js). ext-overview_window.js can now be excluded though it is still a default.
* Preferences and configuration options must be within the list supplied within svg-editor.js (should include those of all documented extensions).
* Embedded messaging will no longer work by default for privacy/data integrity reasons. One must include the "ext-xdomain-messaging.js" extension and supply an array configuration item, "allowedOrigins" with potential values including: "\*" (to allow all domains--strongly discouraged!), "null" as a string to allow file:// access, window.location.origin (to allow same domain access), or specific trusted origins. The embedded editor works without the extension if the main editor is on the same domain, but if cross-domain control is needed, the "allowedOrigins" array must be supplied by a call to svgEditor.setConfig({allowedOrigins: [origin1, origin2, etc.]}) in the new config.js file.
@@ -357,7 +452,7 @@ git log 4bb15e0..253b4bf
- Open Local Files (Firefox 3.6+ only)
- Import SVG into Drawing (Firefox 3.6+ only)
- Ability to create extensions/plugins
-- Main menu and overal interface improvements
+- Main menu and overall interface improvements
- Create and select elements outside the canvas
- Base support for the svg:use element
- Add/Edit Sub-paths
diff --git a/Makefile b/Makefile
index ad18f3f0..3a50532d 100644
--- a/Makefile
+++ b/Makefile
@@ -8,15 +8,15 @@ ZIP=zip
# All files that will be compiled by the Closure compiler.
JS_FILES=\
- svgedit.js \
- jquery-svg.js \
- contextmenu/jquery.contextMenu.js \
- pathseg.js \
+ namespaces.js \
+ jQuery.attr.js \
+ contextmenu/jQuery.contextMenu.js \
+ svgpathseg.js \
browser.js \
svgtransformlist.js \
math.js \
units.js \
- svgutils.js \
+ utilities.js \
sanitize.js \
history.js \
historyrecording.js \
@@ -93,7 +93,7 @@ chrome:
cd build ; $(ZIP) -r $(PACKAGE)-crx.zip svgedit_app ; rm -rf svgedit_app; cd ..
jgraduate:
- java -jar $(CLOSURE) --js editor/jgraduate/jquery.jgraduate.js --js_output_file editor/jgraduate/jquery.jgraduate.min.js
+ java -jar $(CLOSURE) --js editor/jgraduate/jquery.jGraduate.js --js_output_file editor/jgraduate/jquery.jgraduate.min.js
clean:
rm -rf config
rm -rf build/$(PACKAGE)
diff --git a/README.md b/README.md
index 02ba1bd8..b561a7fb 100644
--- a/README.md
+++ b/README.md
@@ -1,39 +1,80 @@
#  SVG-edit
-SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.
+SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that
+works in any modern browser.
## Demo
-### [Try SVG-edit here](https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html)
+### [Try SVG-edit here](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html)
-(Also available as a [download](https://github.com/SVG-Edit/svgedit/releases/download/svg-edit-2.8.1/svg-edit-2.8.1.zip) in [releases](https://github.com/SVG-Edit/svgedit/releases)).
+(Also available as a download in [releases](https://github.com/SVG-Edit/svgedit/releases)).
-You may also try the [pre-release](https://svg-edit.github.io/svgedit/releases/svg-edit-3.0.0-alpha.4/editor/svg-editor.html) (or the [ES6-Module](https://svg-edit.github.io/svgedit/releases/svg-edit-3.0.0-alpha.4/editor/svg-editor.html) version, assuming a modern browser).
+You may also try the [pre-release](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html) (or its [ES6-Module](https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html) version, assuming a modern browser).
## Installation
-Note that steps 1-2 below are only necessary if you wish to integrate
-SVG-edit into your own npm package; otherwise, you can skip those steps
-and instead of looking within `node_modules/svgedit`, look within your
-copy of the svgedit Git repo.
+### Quick install
-1. Set up an npm package of your own: `npm init` (complete the fields).
-1. Install SVG-edit into your package: `npm i svgedit`
-1. Copy `svgedit-config-sample-es.js` (in the SVG-edit project root;
- see `node_modules/svgedit`) to `svgedit-config-es.js`.
- 1. This will enable `svg-editor-es.html` to work, an HTML file directly
- using ES6 modules. Note that this file only works on modern browsers.
- The config file now imports the SVG edit code, minimizing the scripts
- that need to be referenced in the HTML file.
-1. To also build a rolled-up, Babelified, non-ES Modules (IIFE)
- JavaScript file which will allow `svg-editor.html` to work, a file
- which does not rely on ES6 Modules support, follow these steps:
- 1. Run `npm install` within the `node_modules/svgedit` directory to
- install the build tools for SVG-edit.
- 1. Run `npm run build-config` within the `node_modules/svgedit` directory.
-1. If you wish to make changes to the HTML, modify `svg-editor-es.html` and
- then run `npm run build-html` to have the changes properly copied to
- `svg-editor.html`.
+1. Clone or copy the repository contents (at least the `editor` directory).
+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:
+```html
+
+```
+
+### 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.
+
+1. Create your npm package: `npm init` (complete the fields).
+1. Install SVG-edit into your package:
+ `npm i svgedit`.
+1. Look within `node_modules/svgedit/`, e.g., `node_modules/svgedit/editor/svg-editor.html`
+ for the files your package needs and use accordingly.
+1. `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 `node_modules/svgedit` directory to
+ install the build tools for SVG-edit.
+ 1. Run `npm run build-config` within the `node_modules/svgedit` directory.
+ 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
* 2018-05-26 Published 3.0.0-alpha.2 with ES6 Modules support
@@ -54,18 +95,19 @@ copy of the svgedit Git repo.
## Supported browsers
-The following browsers had been tested for 2.6 or earlier and will probably continue to work with 2.8.
- * Firefox 1.5+
- * Opera 9.50+
- * Safari 4+
- * Chrome 1+
- * IE 9+ and Edge
+The following browsers had been tested for 2.6 or earlier and will probably continue to work with 3.0.
+
+- Firefox 1.5+
+- Opera 9.50+
+- Safari 4+
+- Chrome 1+
+- IE 9+ and Edge
## Further reading and more information
- * See [docs](docs/) for more documentation. See the [JSDocs for our latest release](https://svg-edit.github.io/svgedit/releases/svg-edit-3.0.0-alpha.4/docs/jsdoc/index.html).
+ * 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.
+ * [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)).
diff --git a/dist/canvg.js b/dist/canvg.js
index a0214367..df3688fe 100644
--- a/dist/canvg.js
+++ b/dist/canvg.js
@@ -151,6 +151,13 @@ var canvg = (function (exports) {
}
};
+ /**
+ * For parsing color values
+ * @module RGBColor
+ * @author Stoyan Stefanov
+ * @see https://www.phpied.com/rgb-color-parser-in-javascript/
+ * @license MIT
+ */
var simpleColors = {
aliceblue: 'f0f8ff',
antiquewhite: 'faebd7',
@@ -320,12 +327,12 @@ var canvg = (function (exports) {
/**
* A class to parse color values
- * @author Stoyan Stefanov
- * @link https://www.phpied.com/rgb-color-parser-in-javascript/
- * @license MIT
*/
var RGBColor = function () {
+ /**
+ * @param {string} colorString
+ */
function RGBColor(colorString) {
classCallCheck(this, RGBColor);
@@ -372,6 +379,9 @@ var canvg = (function (exports) {
}
// some getters
+ /**
+ * @returns {string}
+ */
createClass(RGBColor, [{
@@ -379,6 +389,11 @@ var canvg = (function (exports) {
value: function toRGB() {
return 'rgb(' + this.r + ', ' + this.g + ', ' + this.b + ')';
}
+
+ /**
+ * @returns {string}
+ */
+
}, {
key: 'toHex',
value: function toHex() {
@@ -397,7 +412,10 @@ var canvg = (function (exports) {
return '#' + r + g + b;
}
- // help
+ /**
+ * help
+ * @returns {HTMLUListElement}
+ */
}, {
key: 'getHelpXML',
@@ -434,28 +452,414 @@ var canvg = (function (exports) {
return RGBColor;
}();
- /* eslint-disable new-cap */
+ /**
+ * StackBlur - a fast almost Gaussian Blur For Canvas
- var stackBlurCanvasRGBA = void 0;
- var setStackBlurCanvasRGBA = function setStackBlurCanvasRGBA(value) {
- stackBlurCanvasRGBA = value;
+ In case you find this class useful - especially in commercial projects -
+ I am not totally unhappy for a small donation to my PayPal account
+ mario@quasimondo.de
+
+ Or support me on flattr:
+ https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript
+
+ * @module StackBlur
+ * @version 0.5
+ * @author Mario Klingemann
+ Contact: mario@quasimondo.com
+ Website: http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
+ Twitter: @quasimondo
+
+ * @copyright (c) 2010 Mario Klingemann
+
+ Permission is hereby granted, free of charge, to any person
+ obtaining a copy of this software and associated documentation
+ files (the "Software"), to deal in the Software without
+ restriction, including without limitation the rights to use,
+ copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the
+ Software is furnished to do so, subject to the following
+ conditions:
+
+ The above copyright notice and this permission notice shall be
+ included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+ var mulTable = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
+
+ var shgTable = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
+
+ /**
+ * @param {string|HTMLCanvasElement} canvas
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @throws {Error}
+ * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
+ */
+ function getImageDataFromCanvas(canvas, topX, topY, width, height) {
+ if (typeof canvas === 'string') {
+ canvas = document.getElementById(canvas);
+ }
+ if (!canvas || !('getContext' in canvas)) {
+ return;
+ }
+
+ var context = canvas.getContext('2d');
+
+ try {
+ return context.getImageData(topX, topY, width, height);
+ } catch (e) {
+ throw new Error('unable to access image data: ' + e);
+ }
+ }
+
+ /**
+ * @param {HTMLCanvasElement} canvas
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {undefined}
+ */
+ function processCanvasRGBA(canvas, topX, topY, width, height, radius) {
+ if (isNaN(radius) || radius < 1) {
+ return;
+ }
+ radius |= 0;
+
+ var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
+
+ imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
+
+ canvas.getContext('2d').putImageData(imageData, topX, topY);
+ }
+
+ /**
+ * @param {ImageData} imageData
+ * @param {Integer} topX
+ * @param {Integer} topY
+ * @param {Integer} width
+ * @param {Integer} height
+ * @param {Float} radius
+ * @returns {ImageData}
+ */
+ function processImageDataRGBA(imageData, topX, topY, width, height, radius) {
+ var pixels = imageData.data;
+
+ var x = void 0,
+ y = void 0,
+ i = void 0,
+ p = void 0,
+ yp = void 0,
+ yi = void 0,
+ yw = void 0,
+ rSum = void 0,
+ gSum = void 0,
+ bSum = void 0,
+ aSum = void 0,
+ rOutSum = void 0,
+ gOutSum = void 0,
+ bOutSum = void 0,
+ aOutSum = void 0,
+ rInSum = void 0,
+ gInSum = void 0,
+ bInSum = void 0,
+ aInSum = void 0,
+ pr = void 0,
+ pg = void 0,
+ pb = void 0,
+ pa = void 0,
+ rbs = void 0;
+
+ var div = radius + radius + 1;
+ // const w4 = width << 2;
+ var widthMinus1 = width - 1;
+ var heightMinus1 = height - 1;
+ var radiusPlus1 = radius + 1;
+ var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+ var stackStart = new BlurStack();
+ var stack = stackStart;
+ var stackEnd = void 0;
+ for (i = 1; i < div; i++) {
+ stack = stack.next = new BlurStack();
+ if (i === radiusPlus1) {
+ stackEnd = stack;
+ }
+ }
+ stack.next = stackStart;
+ var stackIn = null;
+ var stackOut = null;
+
+ yw = yi = 0;
+
+ var mulSum = mulTable[radius];
+ var shgSum = shgTable[radius];
+
+ for (y = 0; y < height; y++) {
+ rInSum = gInSum = bInSum = aInSum = rSum = gSum = bSum = aSum = 0;
+
+ rOutSum = radiusPlus1 * (pr = pixels[yi]);
+ gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+ bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+ aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+ rSum += sumFactor * pr;
+ gSum += sumFactor * pg;
+ bSum += sumFactor * pb;
+ aSum += sumFactor * pa;
+
+ stack = stackStart;
+
+ for (i = 0; i < radiusPlus1; i++) {
+ stack.r = pr;
+ stack.g = pg;
+ stack.b = pb;
+ stack.a = pa;
+ stack = stack.next;
+ }
+
+ for (i = 1; i < radiusPlus1; i++) {
+ p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+ rSum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - i);
+ gSum += (stack.g = pg = pixels[p + 1]) * rbs;
+ bSum += (stack.b = pb = pixels[p + 2]) * rbs;
+ aSum += (stack.a = pa = pixels[p + 3]) * rbs;
+
+ rInSum += pr;
+ gInSum += pg;
+ bInSum += pb;
+ aInSum += pa;
+
+ stack = stack.next;
+ }
+
+ stackIn = stackStart;
+ stackOut = stackEnd;
+ for (x = 0; x < width; x++) {
+ pixels[yi + 3] = pa = aSum * mulSum >> shgSum;
+ if (pa !== 0) {
+ pa = 255 / pa;
+ pixels[yi] = (rSum * mulSum >> shgSum) * pa;
+ pixels[yi + 1] = (gSum * mulSum >> shgSum) * pa;
+ pixels[yi + 2] = (bSum * mulSum >> shgSum) * pa;
+ } else {
+ pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
+ }
+
+ rSum -= rOutSum;
+ gSum -= gOutSum;
+ bSum -= bOutSum;
+ aSum -= aOutSum;
+
+ rOutSum -= stackIn.r;
+ gOutSum -= stackIn.g;
+ bOutSum -= stackIn.b;
+ aOutSum -= stackIn.a;
+
+ p = yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1) << 2;
+
+ rInSum += stackIn.r = pixels[p];
+ gInSum += stackIn.g = pixels[p + 1];
+ bInSum += stackIn.b = pixels[p + 2];
+ aInSum += stackIn.a = pixels[p + 3];
+
+ rSum += rInSum;
+ gSum += gInSum;
+ bSum += bInSum;
+ aSum += aInSum;
+
+ stackIn = stackIn.next;
+
+ rOutSum += pr = stackOut.r;
+ gOutSum += pg = stackOut.g;
+ bOutSum += pb = stackOut.b;
+ aOutSum += pa = stackOut.a;
+
+ rInSum -= pr;
+ gInSum -= pg;
+ bInSum -= pb;
+ aInSum -= pa;
+
+ stackOut = stackOut.next;
+
+ yi += 4;
+ }
+ yw += width;
+ }
+
+ for (x = 0; x < width; x++) {
+ gInSum = bInSum = aInSum = rInSum = gSum = bSum = aSum = rSum = 0;
+
+ yi = x << 2;
+ rOutSum = radiusPlus1 * (pr = pixels[yi]);
+ gOutSum = radiusPlus1 * (pg = pixels[yi + 1]);
+ bOutSum = radiusPlus1 * (pb = pixels[yi + 2]);
+ aOutSum = radiusPlus1 * (pa = pixels[yi + 3]);
+
+ rSum += sumFactor * pr;
+ gSum += sumFactor * pg;
+ bSum += sumFactor * pb;
+ aSum += sumFactor * pa;
+
+ stack = stackStart;
+
+ for (i = 0; i < radiusPlus1; i++) {
+ stack.r = pr;
+ stack.g = pg;
+ stack.b = pb;
+ stack.a = pa;
+ stack = stack.next;
+ }
+
+ yp = width;
+
+ for (i = 1; i <= radius; i++) {
+ yi = yp + x << 2;
+
+ rSum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - i);
+ gSum += (stack.g = pg = pixels[yi + 1]) * rbs;
+ bSum += (stack.b = pb = pixels[yi + 2]) * rbs;
+ aSum += (stack.a = pa = pixels[yi + 3]) * rbs;
+
+ rInSum += pr;
+ gInSum += pg;
+ bInSum += pb;
+ aInSum += pa;
+
+ stack = stack.next;
+
+ if (i < heightMinus1) {
+ yp += width;
+ }
+ }
+
+ yi = x;
+ stackIn = stackStart;
+ stackOut = stackEnd;
+ for (y = 0; y < height; y++) {
+ p = yi << 2;
+ pixels[p + 3] = pa = aSum * mulSum >> shgSum;
+ if (pa > 0) {
+ pa = 255 / pa;
+ pixels[p] = (rSum * mulSum >> shgSum) * pa;
+ pixels[p + 1] = (gSum * mulSum >> shgSum) * pa;
+ pixels[p + 2] = (bSum * mulSum >> shgSum) * pa;
+ } else {
+ pixels[p] = pixels[p + 1] = pixels[p + 2] = 0;
+ }
+
+ rSum -= rOutSum;
+ gSum -= gOutSum;
+ bSum -= bOutSum;
+ aSum -= aOutSum;
+
+ rOutSum -= stackIn.r;
+ gOutSum -= stackIn.g;
+ bOutSum -= stackIn.b;
+ aOutSum -= stackIn.a;
+
+ p = x + ((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
+
+ rSum += rInSum += stackIn.r = pixels[p];
+ gSum += gInSum += stackIn.g = pixels[p + 1];
+ bSum += bInSum += stackIn.b = pixels[p + 2];
+ aSum += aInSum += stackIn.a = pixels[p + 3];
+
+ stackIn = stackIn.next;
+
+ rOutSum += pr = stackOut.r;
+ gOutSum += pg = stackOut.g;
+ bOutSum += pb = stackOut.b;
+ aOutSum += pa = stackOut.a;
+
+ rInSum -= pr;
+ gInSum -= pg;
+ bInSum -= pb;
+ aInSum -= pa;
+
+ stackOut = stackOut.next;
+
+ yi += width;
+ }
+ }
+ return imageData;
+ }
+
+ /**
+ *
+ */
+ var BlurStack = function BlurStack() {
+ classCallCheck(this, BlurStack);
+
+ this.r = 0;
+ this.g = 0;
+ this.b = 0;
+ this.a = 0;
+ this.next = null;
};
- // canvg(target, s)
- // empty parameters: replace all 'svg' elements on page with 'canvas' elements
- // target: canvas element or the id of a canvas element
- // s: svg string, url to svg file, or xml document
- // opts: optional hash of options
- // ignoreMouse: true => ignore mouse events
- // ignoreAnimation: true => ignore animations
- // ignoreDimensions: true => does not try to resize canvas
- // ignoreClear: true => does not clear canvas
- // offsetX: int => draws at a x offset
- // offsetY: int => draws at a y offset
- // scaleWidth: int => scales horizontally to width
- // scaleHeight: int => scales vertically to height
- // forceRedraw: function => will call the function on every frame, if it returns true, will redraw
- // returns all the function after the first render is completed with dom
+ /* eslint-disable new-cap */
+
+ var canvasRGBA_ = processCanvasRGBA;
+
+ /**
+ * @callback module:canvg.StackBlurCanvasRGBA
+ * @param {string} id
+ * @param {Float} x
+ * @param {Float} y
+ * @param {Float} width
+ * @param {Float} height
+ * @param {Float} blurRadius
+ */
+
+ /**
+ * @callback module:canvg.ForceRedraw
+ * @returns {boolean}
+ */
+
+ /**
+ * @function module:canvg.setStackBlurCanvasRGBA
+ * @param {module:canvg.StackBlurCanvasRGBA} cb Will be passed the canvas ID, x, y, width, height, blurRadius
+ */
+ var setStackBlurCanvasRGBA = function setStackBlurCanvasRGBA(cb) {
+ canvasRGBA_ = cb;
+ };
+
+ /**
+ * @typedef {PlainObject} module:canvg.CanvgOptions
+ * @property {boolean} opts.ignoreMouse true => ignore mouse events
+ * @property {boolean} opts.ignoreAnimation true => ignore animations
+ * @property {boolean} opts.ignoreDimensions true => does not try to resize canvas
+ * @property {boolean} opts.ignoreClear true => does not clear canvas
+ * @property {Integer} opts.offsetX int => draws at a x offset
+ * @property {Integer} opts.offsetY int => draws at a y offset
+ * @property {Integer} opts.scaleWidth int => scales horizontally to width
+ * @property {Integer} opts.scaleHeight int => scales vertically to height
+ * @property {module:canvg.ForceRedraw} opts.forceRedraw function => will call the function on every frame, if it returns true, will redraw
+ * @property {boolean} opts.log Adds log function
+ * @property {boolean} opts.useCORS Whether to set CORS `crossOrigin` for the image to `Anonymous`
+ */
+
+ /**
+ * If called with no arguments, it will replace all `