Skip to content

Morphing Path Throws Errors #217

@StrictlySkyler

Description

@StrictlySkyler

Morphing a path via .morphSegmentsTo() and also .morphTo() throws errors when the path is morphed to a zero-length path, e.g. 'M652,238 L652,238 Z'.

Errors:

Error: Problem parsing d="M 329.5 238 C 329.5 238 500.84926278570276 224.1408684511564 500.84926278570276 224.1408684511564 C NaN NaN NaN NaN NaN NaN" bonsai.js:3341
proto$$module$renderer$svg$svg.drawPath bonsai.js:3341
proto$$module$renderer$svg$svg.render bonsai.js:3279
RendererController$$module$renderer$renderer_controller.handleEvent bonsai.js:3102
EventEmitter$$module$event_emitter.emit bonsai.js:889
onmessage bonsai.js:3011
Error: Problem parsing d="M 329.5 238 C 329.5 238 383.4716357669188 233.63464710708746 383.4716357669188 233.63464710708746 C NaN NaN NaN NaN NaN NaN" bonsai.js:3341
proto$$module$renderer$svg$svg.drawPath bonsai.js:3341
proto$$module$renderer$svg$svg.render bonsai.js:3279
RendererController$$module$renderer$renderer_controller.handleEvent bonsai.js:3102
EventEmitter$$module$event_emitter.emit bonsai.js:889
onmessage bonsai.js:3011
Error: Problem parsing d="M 329.5 238 C 329.5 238 346.5 236.625 346.5 236.625 C NaN NaN NaN NaN NaN NaN" bonsai.js:3341
proto$$module$renderer$svg$svg.drawPath bonsai.js:3341
proto$$module$renderer$svg$svg.render bonsai.js:3279
RendererController$$module$renderer$renderer_controller.handleEvent bonsai.js:3102
EventEmitter$$module$event_emitter.emit bonsai.js:889
onmessage bonsai.js:3011
Error: Problem parsing d="M 329.5 238 C 329.5 238 334.85466446205317 237.56690213909863 334.85466446205317 237.56690213909863 C NaN NaN NaN NaN NaN NaN" bonsai.js:3341
proto$$module$renderer$svg$svg.drawPath bonsai.js:3341
proto$$module$renderer$svg$svg.render bonsai.js:3279
RendererController$$module$renderer$renderer_controller.handleEvent bonsai.js:3102
EventEmitter$$module$event_emitter.emit bonsai.js:889
onmessage bonsai.js:3011
Error: Problem parsing d="M 329.5 238 C 329.5 238 331.18661361771615 237.86358272209648 331.18661361771615 237.86358272209648 C NaN NaN NaN NaN NaN NaN" bonsai.js:3341
proto$$module$renderer$svg$svg.drawPath bonsai.js:3341
proto$$module$renderer$svg$svg.render bonsai.js:3279
RendererController$$module$renderer$renderer_controller.handleEvent bonsai.js:3102
EventEmitter$$module$event_emitter.emit bonsai.js:889
onmessage

I'm thinking that this should behave similar to how Raphael.js allows "animating" paths, no?

Despite the errors, the animation still seems to fire properly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions