Pikaso v2.6 was released. The release contains a number of bug fixes and new features.
Introducing Background Size
From v2.6.0, both editor.loadFromUrl and editor.loadFromFile accept a second parameter with this interface
interface BackgroundOptions {
size: 'auto' | 'resize' | 'cover' | 'contain' | 'stretch'
x: number
y: number
}
The size field describes how a background image should be loaded in the canvas. The functionality is the same as the CSS feature background-size.
editor.loadFromUrl('<url>') // resizes canvas to to file's size by default
editor.loadFromUrl('<url>', {
size: 'cover'
})
editor.loadFromFile('<File>', {
size: 'stretch'
})
Improve Label Shape
Labels can now be resized from different perspectives.
The following configuration should be followed to enable resizing from different aspects:
keepScale will be accessible as of v2.6.0 and by setting that to false, the default scaling behavior will be disabled.
Also, all options for Konva.Transformer are available through transformer
editor.shapes.label.insert({
container: {/* config */},
tag: {/* config */},
text: {/* config */},
config: {
keepScale: false|true, // By setting keepScale to false, the default scaling behavior will be disabled
transformer: {
keepRatio: true, // keepRatio set to true to maintain scaling when scaling from corners
enabledAnchors: ['middle-left', 'middle-right', 'bottom-right'] // Here are all the options available https://konvajs.org/api/Konva.Transformer.html#enabledAnchors__anchor
}
}
})
Improve Export/Import
zIndex export/import is now supported.
Top comments (0)