- Notifications
You must be signed in to change notification settings - Fork1
Ember component bindings for Konva canvas library
License
NotificationsYou must be signed in to change notification settings
mjanjic01/ember-konva
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Ember component bindings for theKonva canvas library
- Ember.js v2.18 or above
- Ember CLI v2.13 or above
- Node.js v8 or above
ember install ember-konvanpm install konva# ORyarn add konvaExamples
{{!-- app/components/konva-example.hbs --}}<Konva::Stage @width={{1440}} @height={{800}} as |stage|> <stage.Layer as |layer|> <layer.Path @x={{50}} @y={{50}} @data="..." @fill="#9B2918" @scale={{objectx=0.4y=0.4}} /> <layer.Text @text="+" @fontSize={{36}} @x={{168}} @y={{60}} @fill="#020202" /> <layer.Image @x={{200}} @y={{40}} @height={{180}} @width={{180}} @scale={{objectx=0.4y=0.4}} @image={{this.image}} /> <layer.Text @text="=" @fontSize={{36}} @x={{280}} @y={{60}} @fill="#020202" /> <layer.Path @x={{315}} @y={{48}} @data="..." @stroke="#9B2918" @strokeWidth={{8}} @lineCap="round" @lineJoin="round" @scale={{objectx=0.25y=0.25}} /> </stage.Layer></Konva::Stage>
This addon provides anobject helper. This helper should be used instead of the ember built-inhash helper when passing component properties.
Konva relies on some object prototype methods which are stripped with the hash helper (ember apidoc)
See theContributing guide for details.
This project is licensed under theMIT License.
About
Ember component bindings for Konva canvas library
Topics
Resources
License
Stars
Watchers
Forks
Releases
No releases published