- Fix transformation in SvgImport (#1926).
- Implement
options.reduceAttributes
option for SVG export (#1895). - Add setter for item.index (#1908).
- Properly warning in Chrome Console by providing
{ willReadFrequently: true }
canvas context option where needed (#2008).
- Fix
Item#rasterize()
bounds cache when reusing raster. - Fix new warning in Chrome Console by providing
{ willReadFrequently: true }
canvas context option where needed (#1999, #2000, #2003). - Fix
Path.*
constructor properties handling when passing{ insert: true }
- Rename
Raster#setImageData()
to#putImageData()
. - Change
Raster#setImageData()
to also respect image size. - Add separate
Numerical.ANGULAR_EPSILON
forPath#arcTo()
- Fix NPM installation problem with
husky
introduced inv0.12.13
- Fix faulty positioning regression in
Item#rasterize()
(#1905).
- Fix installation problems on Windows by switching from NPM to Yarn for development (#1833).
- Change
Item#raster({ resolution, insert })
to receive options object, while remaining backward compatible. - Change
Raster#smoothing
to support the values'low'
,'medium'
,'high'
and'off'
. Setting to a boolean value is still supported, translatingfalse
→'off'
andtrue
→'low'
.
- Allow reusing of raster items in
Item#rasterize({ raster })
: By providing an existing raster inoptions.raster
, the raster and maybe even its underlying canvas can be reused, as long as the rasterized size doesn't change between rasterizations. This allows for big performance improvements.
- Fix installation through Yarn (#1831).
- Export
CanvasProvider
to allow experimenting with https://www.npmjs.com/package/canvaskit-wasm on Node.js
- Fix
Path.strokeBounds
that was incorrect for certain paths (#1824). - Fix Gulp 3 issues to be able to run Travis CI tests on Node.js 10, 12, 13 and 14.
- TypeScript: Fix returned instance type (#1796).
- Fix
Path#strokeBounds
for open paths (#1817). - Fix animation progress handling in
Tween.update()
. - Fix setting
Item#scaling
to a new value after it was set to zero (#1816). - SVG Import: Fully support SVG strings with leading line-breaks (#1813).
- Docs: Improve
Raster#initialize(object)
documentation (#1815, #1782). - Docs: Fix
Item#getItem(options)
documentation.
- PaperScript: Actually make
options.paperFeatures.moduleExports
work independently fromoptions.paperFeatures.operatorOverloading
.
- PaperScript: Add option
options.paperFeatures.moduleExports
to control module exports conversion.
- PaperScript: Add option
options.paperFeatures.operatorOverloading
to control operator overloading.
- Fix
new Raster(HTMLCanvasElement)
constructor (#1745). - Handle
CurveLocation
on paths with only one segment. - Fix recently introduced error in
CompoundPath.compare()
(#1769). - Clamp opacity values to [0, 1] (#1814).
- Support closed
Path
items with blend mode and no segments (#1763). - Fix error in
getCrossingSegments()
(#1773). - SVG Import: Support SVG strings with leading line-breaks (#1813).
- Docs: Improve documentation for
Raster#drawImage(CanvasImageSource)
(#1784).
- Use
'paper-'
prefix in generated view ids.
- Allow paper core import in TypeScript (#1713).
- Boolean: Improve performance from
O(n^2)
to nearlyO(n)
by the use of the sweep and prune algorithm (#1737). - Docs: Add support for nullable values.
- Fix
PathItem#getCrossing()
to not return overlaps (#1409). - Fix regression in
Curve.getIntersections()
(#1638). - Fix edge cases in
CurveLocation.isCrossing()
(#1419, #1263). - Fix
SymbolItem#hitTestAll()
to return only one match per symbol item (#1680). - Fix handling of negative
Shape
sizes (#1733). - Fix parsing of RGB
Color
strings with percentages (#1736). - Fix
Shape
bounds when passing position in constructor (#1686). - Prevent nested group matrix from reset when transforming parent (#1711).
- Boolean: Fix edge cases in overlap detection (#1262).
- Boolean: Add check for paths with only one segment (#1351).
- Boolean: Correctly handle open filled paths (#1647).
- Boolean: Avoid winding number edge cases (#1619).
- Docs: Fix some documentation return types (#1679).
- Add documentation for
Item#internalBounds
.
- Fix regression in
Color
change propagation (#1672, #1674). - SVG Export: Fix viewport size of exported
Symbol
(#1668). - Handle non-invertible matrices in
Item#contains()
(#1651). - Improve documentation for
Item#clipMask
(#1673). - Improve TypeScript definitions (#1659, #1663, #1664, #1667).
- Fix drawing with compound-paths as clip-items (#1361).
- Fix drawing of path selection with small handle size (#1327).
- Do not ignore
Group#clipItem.matrix
inGroup#internalBounds
(#1427). - Correctly calculate bounds with nested empty items (#1467).
- Fix color change propagation on groups (#1152).
- Fix
Path#arcTo()
wherefrom
andto
points are equal (#1613). - Improve
new Raster(size[, position])
constructor (#1621). - SVG Export: Fix error when
Item#matrix
is not invertible (#1580). - SVG Export: Include missing viewBox attribute (#1576).
- SVG Import: Use correct default values for gradients (#1632, #1660).
- SVG Import: Add basic
<switch/>
support (#1597). - JSON Import: Prevent
Item#insert()
method from being overridden (#1392). - PaperScript: Fix issues with increment/decrement operators (#1450, #1611).
- Add TypeScript definition, automatically generated from JSDoc comments (#1612).
- Support
new Raster(size[, position])
constructor. - Expose
Raster#context
accessor. - Implement
Raster#clear()
method to clear associated canvas context. - Node.js: Add support for Node.js v11 and v12.
- Fix parsing of CSS colors with spaces in parentheses (#1629).
- Improve
Color.random()
documentation. - Fix
Tween#then()
documentation.
- Node.js: Remove support for Node.js v6.
Another release, another new member on the team: Please welcome
@arnoson, who has worked hard on the all new
animation support, exposed through the Tween
class and its various methods on
the Item
class, see below for details:
- Add new
Tween
class and related methods onItem
, to animate and interpolate their various properties, including colors, sub-properties, etc.:Item#tween(from, to, options)
,Item#tween(to, options)
,Item#tween(options)
,Item#tweenFrom(from, options)
,Item#tweenTo(to, options)
- Only draw Raster if image is not empty (#1320).
- Emit mousedrag events on correct items when covered by other items (#1465).
- Fix drawing issues of bounds and position with
Group#selectedColor
(#1571). - Fix
Item.once()
to actually only emit event once. - Various documentation fixes and improvements (#1399).
This is the first release in quite a while, and it was made possible thanks to two new people on the team:
A warm welcome to @sasensi and @sapics, the two new and very active maintainers / contributors! 🎉
Their efforts mean that many issues are finally getting proper attention and
solid fixes, as we are paving the way for the upcoming release of 1.0.0
. Here
the fixes and additions from the past two weeks:
- Prevent
paper
object from polluting the global scope (#1544). - Make sure
Path#arcTo()
always passes through the provide through point (#1477). - Draw shadows on
Raster
images (#1437). - Fix boolean operation edge case (#1506, #1513, #1515).
- Handle closed paths with only one segment in
Path#flatten()
(#1338). - Remove memory leak on gradient colors (#1499).
- Support alpha channel in CSS colors (#1468, #1539, #1565).
- Improve color CSS string parsing and documentation.
- Improve caching of item positions (#1503).
- Always draw selected position in global coordinates system (#1545).
- Prevent empty
Symbol
items from causing issues with transformations (#1561). - Better detect when a cached global matrix is not valid anymore (#1448).
- Correctly draw selected position when item is in a group with matrix not applied (#1535).
- Improve handling of huge amounts of segments in paths (#1493).
- Do not trigger error messages about passive event listeners on Chrome (#1501).
- Fix errors with event listeners on mobile (#1533).
- Prevent first mouse drag event from being emitted twice (#1553).
- Support optional arguments in translate and rotate statements in SVG Import (#1487).
- Make sure SVG import always applies imported attributes (#1416).
- Correctly handle
Raster
images positions in SVG import (#1328). - Improve documentation for
Shape#toPath()
(#1374). - Improve documentation of hit test coordinate system (#1430).
- Add documentation for
Item#locked
(#1436). - Support Webpack bundling in Node.js server (#1482).
- Travis CI: Get unit tests to run correctly again.
- Travis CI: Remove Node 4 and add Node 9.
Curve#getTimesWithTangent()
andPath#getOffsetsWithTangent()
as a way to get the curve-times / offsets where the path is tangential to a given vector.Raster#smoothing
to control if pixels should be blurred or repeated when a raster is scaled up (#1521).- Allow
PaperScript
to export from executed code, supportingexport default
, named exports, as well asmodule.exports
.
- Fix
Curve#isSelected()
to correctly reflect the state of#handle1
(#1378). - Key Events: Fix auto-filling issue on Chrome (#1358, #1365).
- Boolean: Check that overlaps are on the right path (#1321).
- Boolean: Add better filtering for invalid segments (#1385).
- Node.js: Add JPEG support to exportFrames() (#1166).
- Node.js: Add support for v8, and keep testing v4, v6, v7 in Travis CI.
- Mouse Events: Fix item-based
doubleclick
events (#1316). - Overhaul the caching of bounds and matrix decomposition, improving reliability
of
Item#rotation
and#scaling
and fixing situations caused by wrongly cachingItem#position
and#bounds
values. - Prevent consumed properties in object literal constructors from being set on the instance.
- Make all functions and accessors enumerable on all Paper.js classes.
- PaperScript: Fix a parsing error in math operations without white-space (#1314).
- Bring back deactivation of Node.js modules on browsers. This has most probably
broken Webpack bundling in
0.11.0
.
- Separate
paper
module on NPM into:paper
,paper-jsdom
andpaper-jsdom-canvas
(#1252):paper
is the main library, and can be used directly in a browser context, e.g. a web browser or worker.paper-jsdom
is a shim module for Node.js, offering headless use with SVG importing and exporting through jsdom.paper-jsdom-canvas
is a shim module for Node.js, offering canvas rendering through Node-Canvas as well as SVG importing and exporting through jsdom.
- PaperScript: Support newer, external versions of Acorn.js for PaperScript parsing, opening the doors to ES 2015 (#1183, #1275).
- Hit Tests: Implement
options.position
to hitItem#position
(#1249). - Split
Item#copyTo()
into#addTo()
and#copyTo()
.
- Intersections: Bring back special handling of curve end-points (#1284).
- Intersections: Correctly handle
Item#applyMatrix = false
(#1289). - Boolean: Bring back on-path winding handling (#1281).
- Boolean: Pass on options in
PathItem#subtract(path, options)
(#1221). - Boolean: Implement
options.trace
as a way to perform boolean operations on the strokes / traces instead of the fills / areas of the involved paths (#1221). - Boolean: Always return `CompoundPath items (#1221).
- Style: Fix handling of gradient matrices when
Item#applyMatrix = false
(#1238). - Style: Prevent cleaning pre-existing styles when setting
Item#style
to an object (#1277). - Mouse Events: Only handle dragItem if the hitItem responds to
mousedrag
events (#1247, #1286). - Bounds: Clear parent's bounds cache when item's visibility changes (#1248).
- Bounds: Fix calculation of internal bounds with children and
Item#applyMatrix = false
(#1250). - Hit-Tests: Fix issue with non-invertible matrices ( #1271).
- SVG Import: Improve handling of sizes in percent (#1242).
- Rectangle: Improve handling of dimension properties, dealing better with
left
/top
/right
/bottom
/center
values (#1147). - Scene Graph: Do not allow inserting same item as child multiple times.
- Path: Fix handling of
insert = false
innew Path.Constructor()
initialization (#1305). - PaperScript: Fix positive unary operator.
- Docs: Fix parameter sequence in Matrix constructor (#1273).
- Docs: Add documentation for options.bound and options.matrix in
#exportSVG()
(#1254). - Docs: Fix wrong
@link
references to bean properties.
- Node.js: Support v7, and keep testing v4 up to v7 in Travis CI.
- Node.js: Loosely couple Node.js / Electron code to
Canvas
module, and treat its absence like a headless web worker context in the browser (#1103). - Clean up handling of
Item#_set()
,#set()
and#initialize()
:- Use
#_set()
for actually setting internal properties, e.g. onPoint
,Size
, so that derived classes can reuse other parts without having to override each individual function (e.g. inSegmentPoint
) - Define
#set()
as a shortcut to#initialize()
on all basic types, to offer the same amount of flexibility when setting values, accepting object literals as well as lists of value arguments.
- Use
- SVG Export: Add support for shorter
h
/v
commands for horizontal / vertical lines in SVG output. - JSON Import / Export: Implement new and shorter segments array notation:
- Close paths by including
true
as the last entry - Allow nested segment arrays to be passed to
PathItem.create()
as well as theCompoundPath
constructor to create all sub-paths.
- Close paths by including
- Reflect
View#zoom
andView#center
through matrix decomposition, and implement additional decomposed properties such as#scaling
and#rotation
. - Reduce various internal epsilon values for general improved precision while maintaining reliability.
- Split
PathItem#resolveCrossings()
into#resolveCrossings()
and#reorient()
(#973).
- Implement
Path#divideAt(location)
, in analogy toCurve#divideAt(location)
. - Add
PathItem#compare()
as a way to compare the geometry of two paths to see if they describe the same shape, handling cases where paths start in different segments or use different amounts of curves to describe the same shape. - Implement
Curve#hasLength()
as an optimized check for curve-length (#1109). - Implement
Curve#classify()
to determine the type of cubic Bézier curve via discriminant classification, based on an approach described by Loop and Blinn, and use it to simplify curve self-intersection handling (#773, #1074, #1235). - Add
Curve.getPeaks()
as a fast way to retrieve points that are often similar to the more costly curvature extrema for use in curve offsetting. - Expose
Curve. getCurveLineIntersections()
for use in curve offsetting. - Add
Line.getDistance()
and use it inCurve.getOverlaps()
(#1253). - Implement
Segment#isSmooth()
and use it in handling of stroke-joins. - Bring back caching of
Item#rotation
and#scaling
, but only allow matrix decomposition-based properties on items with#applyMatrix = false
(#1004, #1177).
- Many improvements to boolean operations:
- Improve performance of boolean operations when there no actual crossings between the paths, but paths may be contained within each other.
- Improve path tracing approach by implementing a branching structure and sorting segments according to their reliability as starting points for traces (#1073).
- Improve calculation and reliability of winding contributions.
- Improve code that resolves crossings and reorients compound-paths based on how the sub-paths are nested.
- Fix issue where unite operation wrongly fills inner path (#1075).
- Better handle cases where one
Path
is open and the other closed (#1089). - Solve
null
exceptions during complex boolean operations (#1091). - Improve bidirectional curve-time rescaling in
divideLocations()
(#1191). - Improve handling of intersections between touching curves (#1165).
- Improve reliability of
Curve#getIntersections()
(#1174). - Fix
getOverlaps()
to always return overlaps in correct sequence (#1223). - Improve handling of multiple crossings on the same curve.
- Improve tangent direction handling in
CurveLocation#isCrossing()
, by finding unambiguous vectors, taking the curve's loop, cusp, inflection, and "peak" points into account (#1073, #1074). - Prevent
Path#getStrokeBounds(matrix)
from accidentally modifying segments (#1102). - Improve compatibility with JSPM (#1104).
- SVG Import: Correctly handle multiple sequential move commands (#1134).
- SVG Export: Properly handle generated IDs (#1138).
- SVG Export: Support multiple gradient offsets at 0 (#1241).
- Fix imprecision in
Numerical.findRoot()
(#1149). - PaperScript: Prevent invalid JavaScript in assignment operators (#1151).
- Hit Tests: Improve handling of SymbolItem in#hitTestAll() (#1199).
- Hit Tests: Fix stroke hit-testing for rounded shape items (#1207).
- Fix matrix cloning for groups with
#applyMatrix = false
( #1225). - Correctly handle offset in
Curve#divideAt(offset)
(#1230). - Fix issue with
Curve#isStraight()
where handles were checked incorrectly for collinearity (#1269). - Fix
Line#getSide()
imprecisions when points are on the line. - Docs: Fix documentation of
Project#hitTestAll()
(#536). - Docs: Improve description of
option.class
value inProject#hitTest()
(#632).
- Remove
Numerical.TOLERANCE = 1e-6
as there is no internal use for it anymore.
- Get published version to work correctly in Bower again.
- Correct a few issues with documentation and NPM publishing that slipped
through in the
0.10.0
release.
This is a huge release for Paper.js as we aim for a version 1.0.0
release
later this year. As of this version, all notable changes are documented in the
change-log following common CHANGELOG conventions.
Paper.js now also adheres to Semantic Versioning.
There are many items in the changelog (and many more items not in the changelog) so here a high-level overview to frame the long list of changes:
-
Boolean operations have been improved and overhauled for reliability and efficiency. These include the path functions to unite, intersect, subtract, exclude, and divide with another path.
-
There was a large amount of work implementing test coverage under QUnit.
-
Mouse and key handling has been re-engineered and extended to work with view. Many outstanding bugs have been fixed with mouse and key handling.
-
Many SVG-handling enhancements and bug-fixes, including handling browser- specific interpretations of the SVG standard, have been added.
-
There are API name changes for more consistency as well as some required by changes in the EcmaScript 6 standard (e.g.,
Symbol
→SymbolDefinition
). -
Even though it is not new, since version
0.9.22
Paper.js no longer resizes the canvas to match the view. The canvas must be resized independently.
Thank you all for using Paper.js, submitting bugs and ideas, and all those that contribute to the code.
- Significant overhaul and improvements of boolean path operations
PathItem#unite()
,#subtract()
,#intersect()
,#exclude()
,#divide()
:- Improve handling of self-intersecting paths and non-zero fill-rules.
- Handle operations on identical paths.
- Improve handling of near-collinear lines.
- Handle self-intersecting paths that merely "touch" themselves.
- Handle situations where all encountered intersections are part of overlaps.
- Methods that accepted a
time
parameter or boolean second parameter causing the argument to be interpreted as curve-time instead of offset are now separate functions with distinct names (#563):Curve#getNormalAt(time, true)
→#getNormalAtTime(true)
Curve#divide()
→#divideAt(offset)
/#divideAtTime(time)
Curve#split()
→#splitAt(offset)
/#splitAtTime(time)
Curve#getParameterAt(offset)
→#getTimeAt(offset)
Curve#getParameterOf(point)
→getTimeOf(point)
Curve#getPointAt(time, true)
→#getPointAtTime(time)
Curve#getTangentAt(time, true)
→#getTangentAtTime(time)
Curve#getNormalAt(time, true)
→#getNormalAtTime(time)
Curve#getCurvatureAt(time, true)
→#getCurvatureAtTime(time)
CurveLocation#parameter
→#time
Path#split(offset/location)
→#splitAt(offset/location)
- Significant improvement of reliability of bezier fat-line clipping code in
PathItem#getIntersections()
and#getCrossings()
. PathItem#smooth()
now accepts anoptions.type
string specifying which smoothing algorithm to use:'asymmetric'
(default),'continuous'
,'catmull-rom'
, and'geometric'
(#338).PathItem#flatten()
: argument has been changed fromtolerance
(maximum allowed distance between points) toflatness
(maximum allowed error) (#618).- Update internal Acorn JavaScript parser to
0.5.0
, the last small version. - Transition to Gulp based build process.
- Update QUnit to
1.20.0
. - Update to JSDOM
8.3.0
, to benefit from integrated image and canvas support. - Complete refactoring of keyboard event handling to increase reliably when handling special keys.
- Complete refactoring of mouse-event handling on item and view, to better
handle event propagation, default behavior and
Item#removeOn()
calls. - Simplify and streamline the mouse-handling code on
Tool
(#595). - Mouse handlers can to return
false
to callevent.stop()
, stopping event propagation and prevent the default browser behavior. event.preventDefault()
is called by default after any handled mouse mouse events, except'mousemove'
, and only on a'mousedown'
event if the view or tool respond to'mouseup'
.- Switch to the new HTML5 Page Visibility API when detecting invisible documents and canvases.
- Rename
#windingRule
to#fillRule
onItem
andStyle
. - Do not replace existing named child reference on
Item#children
with new one when the name is identical. - Limit the effects of
#strokeScaling
toPathItem
andShape
(#721). - Throw an exception if arguments to
#smooth()
are segments or curves from incorrect paths. - Rename
Matrix#concatenate()
to#append()
andpreConcatenate()
to#prepend()
. - Make
Matrix#shiftless()
and#orNullIfIdentity()
internal functions. - De-bounce internal
View#update()
calls to minimize the number of times a canvas is redrawn (#830, #925). Symbol
now clashes with ES6 definition of Symbol and has been changed (#770):Symbol
→SymbolDefinition
PlacedSymbol
→SymbolItem
Symbol#definition
→SymbolDefinition#item
PlacedSymbol#symbol
→SymbolItem#definition
- Don't serialize deprecated
Style#font
property. - Don't serialize text-styles in non-text items (#934).
- Changed argument
parameter
totime
for Postscript-style drawing commands. Item#clone()
: optional argument is now an options object with defaults{insert: true, deep: true}
.insert
controls whether the clone is inserted into the project anddeep
controls whether the item's children are cloned. The previous boolean optional argument is still interpreted as theinsert
option (#941).Matrix
properties#b
and#c
have been reversed to match common standard.#importSVG()
: improve handling of style inheritance for nested<defs>
.- Move
PaperScript#execute()
URL argument intooptions.url
(#902). - PaperScript: Only translate
==
toequals() calls for
Point,
Sizeand
Color` (#1043).
- Use unified code-base for browsers, Node.js, Electron, and anything in-between, and enable npm install for browser use (#739).
- Start using automatic code testing and deployment of prebuilt versions through Travis CI.
- Reach JSHint compliance and include regular linting in Travis CI tests.
- Use QUnit tests for leaked globals.
- Define code format standards in .editorconfig file
- Add support for running without a canvas for Web Workers, Node.js (#561, #582, #634).
- Add support for all common mouse events to
View
. - Add support for
'keydown'
and'keyup'
events toView
(#896). - Add
View#requestUpdate()
function to minimize number of actual canvas redraw. - Add
View#matrix
to allow matrix transformation to be accessed and modified directly on the view (#832). - Multiple additions to SVG export (
#exportSVG()
):- Support
{ precision: value }
option. - Support
#fillRule
through the SVGfill-rule
attribute. - Support
#blendMode
through the CSSmix-blend-mode
attribute.
- Support
- Various additions to
#getItems()
onProject
andItem
:- Add support for
{ recursive: false }
as a way to prevent iterating over all children of children. - Add support for
{ match: function() {} }
, so the match function can be passed in combination with other options.
- Add support for
- Add
Item#copyAttributes()
andItem#copyContent()
, and use them inItem#clone()
. - Add optional
insert
boolean argument toPath#toShape()
,Shape#toPath()
,Item#rasterize()
. Default is to insert, set tofalse
to prevent the created item from being inserted into the scene graph. - Add visual item comparison to QUnit, through rasterization and Resemble.js diffing.
- Add many unit tests for known edge cases in boolean operations and curve intersections.
- Add
Project#addLayer()
andProject#insertLayer()
(#903). - Layers may now be given names and be accessed through
project.layers[name]
(#491). - Add
Matrix#prepended()
and#appended()
to return copies of the modified matrix. Shape#hitTest()
: Add boolean optionoptions.stroke
(#911).- Insert version number into docs.
- Support
Raster#onLoad()
events onRaster#setImage()
now (#924). - Add
Raster#onError()
event support (#849). - Allow the control of automatic updating of the canvas through
View#autoUpdate
(default:true
)(#921). - Set
1px
defaultstrokeWidth
for SVG imports to fix IE/Edge default (#467). ImportSVG()
passes imported SVG data toonLoad
callback as second parameter.- Add
#interpolate
forSegment
,Path
, andCompoundPath
(#624). - Implement
CompoundPath#flatten()
,#simplify()
,#smooth()
(#727). - Implement
#hitTestAll()
to return all items that were hit (#536). #importSVG()
implementsoption.onError
callback (#969).settings.insertItems
controls whether newly created items are inserted or not (default:true
).- Add
#importSVG()
option.insert
(default:true
) to control insertion (#763). - Add new options to
#exportSVG()
to control output bounds and transformation matrix (#972). - Allow
Item#position
to be selected viaItem#position.selected
(#980). - Add
tolerance
argument toPath#join(path, tolerance)
. - Add
Curve#getOffsetAtTime(time)
, as the reverse ofCurve#getTimeAt(offset)
. - Add
Raster#loaded
to reflect the loading state of its image.
- Fix calculations of
Item#strokeBounds
for all possible combinations ofItem#strokeScaling
andItem#applyMatrix
forPath
,Shape
andSymbolItem
, along with correct handling of such strokes in Item#hitTest() (#697, #856, #1014). - Make new code-base unified for Node.js/browser work with module bundlers like Webpack (#986).
- Improve hit-testing and
#contains()
checks on path with horizontal lines (#819). - Improve reliability of
Path#getInteriorPoint()
in rare edge-cases. - Handle non-reversible matrices in
Item#hitTest()
(#617). - Fix various issues with adding and removing of segments in paths (#815).
- Support bubbling up of
doubleclick
events onGroup
(#834). - Fix wrong
#key
values in key-events that do not match character (#881). - Fix keyboard event handling of control and meta keyboard sequences and special character handling (#860).
- Handle incorrect mouse event on
ctrl-alt-del
key sequence on Chrome/Windows (#800). - Do not rasterize items if the resulting raster will be empty (#828).
- Fix SVG serialization in JSDOM
7.0.0
and newer (#821). - Correctly handle gradients in SVG import on Firefox (#666).
- Consistently interpret curves as straight or not-straight (#838).
- Switch blendMode to 'lighter' in Candy Crash example for better performance (#453).
- Don't block touch actions when using paper in JavaScript mode (#686).
- Convert touch event coordinates to project coordinates (#633).
- Fix exceptions when a top-level layer is selected.
- Don't allow layers to turn up in hit-tests (#608).
- Maintain
Raster#source
correctly on Node.js (#914). - Boolean operations correctly handle open
Path
items withinCompoundPath
(#912). - Don't modify an array of child items passed to
CompoundPath#insertChildren()
when it is a child items array of aCompoundPath
. - Correctly handle
#strokeScaling
inShape
hit-tests (#697). - Support clip-masks in hit-testing (#671).
- Fix incorrect
#hitTest()
and#contains()
cases (#819, #884). - Update documentation to note appropriate use for
#simplify()
(#920). #importSVG()
now supports percentage dimensions andgradientUnits="objectBoundingBox"
. (#954, #650).Group
items with clip-masks now calculate correct bounding boxes (#956).- Calling
event.stopPropagation()
in'mousedown'
handler no longer prevents'mousedrag'
events (#952). - Draw
Item
shadows when#shadowBlur
is zero (#955). - Fixes for web site examples (#967).
- Prevent
Item
bounds from permanently collapsing to 0 when applying non- invertible transformations (#558). - Scaling shadows now works correctly with browser- and view-zoom (#831).
Path#arcTo()
correctly handles zero sizes.#importSVG()
handlesonLoad
andonError
callbacks for string inputs that load external resources (#827).#importJSON()
and#exportJSON()
now handle non-Item
objects correctly (#392).#exportSVG()
now exports empty paths if used as a clip-mask.#importJSON()
no longer generates callstack exceeded exceptions (#764).- Fix problems with group selection structures after
Group#importJSON()
(#785). - Fix an issue in
Item#importJSON()
where#parent
isnull
when calling it on existing, already inserted items (#1041). - Correct issue when using paper-core in Node.js (#975).
- Fix
event.delta
on mousedrag events (#981). - Improve handling of XML attribute namespaces for IE's XMLSerializer() (#984).
- Make sure
Item#removeChildren()
fully removes children (#991). - Improve handling of event propagation on
View
andItem
(#995). #importSVG()
: Improve handling of viewBox.- Make sure all named item lookup structures are kept in sync (#1009).
- Convert absolute local gradient URLs to relative ones (#1001).
- Fix TypeError in
Path#unite()
(#1000). - Allow the selection of a
Path
item's bounds without selecting the segments (#769). - Fix wrong indices in
Item#insertChildren()
, when inserting children that were previously inserted in the same parent (#1015). - Add capability to
PathItem#closePath()
to handle imprecise SVG data due to rounding (#1045). - Improve reliability of fat-line clipping for curves that are very similar (#904).
- Improve precision of
Numerical.solveQuadratic()
andNumerical.solveCubic()
for edge-cases (#1085).
-
Canvas attributes "resize" and "data-paper-resize" no longer cause paper to resize the canvas when the viewport size changes; Additional CSS styles are required since
0.9.22
, e.g.:/* Scale canvas with resize attribute to full size */ canvas[resize] { width: 100%; height: 100%; }
-
Legacy
Color
constructors (removed in0.9.25
):GrayColor
,RgbColor
,HsbColor
,HslColor
, andGradientColor
. These have been replaced with corresponding forms of theColor
constructor. -
Undocumented function
Project#addChild()
that added a layer to a project. It is replaced byProject#addLayer()
andProject#insertLayer()
.
#windingRule
onItem
andStyle
→#fillRule
Curve#getNormalAt(time, true)
→#getNormalAtTime(true)
Curve#divide()
→#divideAt(offset)
/#divideAtTime(time)
Curve#split()
→#splitAt(offset)
/#splitAtTime(time)
Curve#getParameterAt(offset)
→#getTimeAt(offset)
Curve#getParameterOf(point)
→getTimeOf(point)
Curve#getPointAt(time, true)
→#getPointAtTime(time)
Curve#getTangentAt(time, true)
→#getTangentAtTime(time)
Curve#getNormalAt(time, true)
→#getNormalAtTime(time)
Curve#getCurvatureAt(time, true)
→#getCurvatureAtTime(time)
CurveLocation#parameter
→#time
Path#split(offset/location)
→#splitAt(offset/location)
Symbol
→SymbolDefinition
PlacedSymbol
→SymbolItem
Symbol#definition
→SymbolDefinition#item
PlacedSymbol#symbol
→SymbolItem#definition
Project#symbols
→#symbolDefinitions
Matrix#concatenate
→#append
Matrix#preConcatenate
→#prepend
Matrix#chain
→#appended
GradientStop#rampPoint
→#offset