Commit Graph

273 Commits

Author SHA1 Message Date
Eric Rowell
31566bff13 transition attr updates now fire the attr change event. Fixed problem with root level attrs not being fired when child level attr changed 2012-07-01 00:19:56 -07:00
Eric Rowell
aa4b0955c0 added horizontal align logic back into the Text draw func 2012-06-30 20:05:27 -07:00
Eric Rowell
e279ea30b9 fixed up new Text wrap edge cases. Will add a bunch of unit tests soon 2012-06-30 19:43:52 -07:00
Eric Rowell
6663b9e612 first pass at implementing auto word wrap. Still have a few edge cases to cover. Removed vertical align property as it is no longer relevant 2012-06-30 00:40:54 -07:00
Eric Rowell
07ef653441 completely rewrote the Text shape. Kinetic.Text is now a Group that's composed of a Rect and a custom shape that draws text. align and vertical align now apply to the text alignment inside the text box. box rounded corners are now possible since Text uses Rect. Shadow logic improved. Beefed up the text getter and setter unit tests 2012-06-27 19:50:32 -07:00
Eric Rowell
3b6dffe6e1 refactored Image event bindings and fixed radial gradient bug 2012-06-24 13:39:36 -07:00
Eric Rowell
a8c09516ba trying out Image extending Rect so that Image has Rect properties and methods such as corner radius 2012-06-24 12:44:08 -07:00
Eric Rowell
c1a08d8073 created new addSettersGetters method, further enhanced dynamic getters and setters 2012-06-23 18:09:10 -07:00
Eric Rowell
80eb50a708 added new clearBeforeDraw Layer property which enables you to skip canvas clearing before each draw. Added new warn() method to test suite, and added error and warning colorings to the test counter 2012-06-23 16:11:58 -07:00
Eric Rowell
6b36c7ed93 cleaned up shadow logic and defaults in _applyShadow 2012-06-22 19:58:36 -07:00
Eric Rowell
19750782c7 improved drawing speed by 7% by optimizing stroke(), fill(), and several other methods 2012-06-22 19:36:37 -07:00
Eric Rowell
422791a99a cleaned up undefined, null, 0, and '' comparison operators. To unset a attribute, you can now set it to null, 0, or ''. Setting an attribute to undefined will have no effect 2012-06-22 13:15:29 -07:00
Eric Rowell
40a92a9988 added unit tests for Jonathan\'s toJSON() fix 2012-06-21 21:46:52 -07:00
Eric Rowell
086dcd21c2 updated dist 2012-06-21 12:48:03 -07:00
Eric Rowell
ac3f512ab8 updated global object utilities 2012-06-21 12:47:15 -07:00
Eric Rowell
5765ab749b converting arguments object into true array for setters, restored the original underscore.js methods, and moved radius conversion logic from the setAttrs method to a radiusChange event listener in Ellipse 2012-06-20 12:55:34 -07:00
Eric Rowell
ce5a8f3209 you can now cancel drag and drop with setDraggable(false) during a drag and drop operation 2012-06-19 17:06:31 -07:00
Eric Rowell
5679b1fb76 fixed bug with Path dataChange event subscription 2012-06-19 16:26:28 -07:00
Eric Rowell
76c85a639e changed listen property to listening, listen() to setListening(), and isListening() to getListening() for consistency 2012-06-18 23:12:56 -07:00
Eric Rowell
c8d8aa6028 changed draggable() to setDraggable(). added getDraggable(). added more unit tests and functional tests 2012-06-18 22:02:13 -07:00
Eric Rowell
dee78e86e2 added Circle backwards compatibility with Ellipse 2012-06-18 19:09:07 -07:00
Eric Rowell
bf616d0d4d fixed mousemove event bug, and added a very rigorous functional test to test all of the basic shape events for both desktop and mobile 2012-06-18 17:56:12 -07:00
Eric Rowell
dc51d95eb1 image fills can now be scaled to simulate image cropping. Now that image fills can be offset and scaled, the Image Shape is now obsolute because any shape can now use regular images or cropped images. 2012-06-17 17:18:49 -07:00
Eric Rowell
fae1ff6cb7 removed Circle shape and replaced it with the more flexible Ellipse shape. If you define the radius with a number, the shape will be a circle. if you define the radius with an x and y component, it will be an oval 2012-06-17 16:50:04 -07:00
Eric Rowell
c1b9d44885 setup data url hash for functional tests so that we can compare the visual result before and after a series of simulated events 2012-06-16 00:02:55 -07:00
Eric Rowell
9ec8c94701 refactored event bindings to expose content node events and enable true functional tests without a test framework like Selenium. Added new manualTests.html page for manual tests. One of the manual tests has already been converted to a functional test. Will add in image data url hashmaps soon so that I can compare screenshots before and after a series of actions in the functional tests 2012-06-15 11:47:55 -07:00
Eric Rowell
9b76f650f7 exposed content event bindings so that we can simulate mouse and touch events for the purpose of internal and external functional tests 2012-06-14 23:46:52 -07:00
Eric Rowell
838c719c0e made a better fix for the mobile alternating drag and drop bug 2012-06-14 20:29:07 -07:00
Eric Rowell
9a5f9006b8 updated jsdocs 2012-06-14 14:56:13 -07:00
Eric Rowell
73ad904de6 updated jsdocs 2012-06-14 02:19:51 -07:00
Eric Rowell
2455000f5c fixed set fill attr bug which occurred when instantiating the fill with a string color and then setting it later to a fill object such as a gradient or pattern. The fix will apply to any attr which can be a string or object 2012-06-12 09:57:29 -07:00
Eric Rowell
6d4738cd2b all simple getters and setters are now dynamically created. This is the first step towards creating a code base that can unpack at run time to reduce file size 2012-06-10 13:07:09 -07:00
Eric Rowell
6b70e1b18f now using setAttrs for all Shape and shapes setters 2012-06-10 00:02:16 -07:00
Eric Rowell
13105969b1 attr change events are now only fired on root level attr changes. changed centerOffset property to offset property for consistency. did additonal refactoring 2012-06-09 16:13:25 -07:00
Eric Rowell
bba1d0ad21 now leveraging the setAttrs method for all setters in Node class. utilizing draggableChange attr event to trigger drag and drop inits 2012-06-09 15:31:25 -07:00
Eric Rowell
9697af530c stage now listens for dimension changes, and updates the DOM dimensions if the widthChange or heightChange event is triggered 2012-06-09 11:24:35 -07:00
Eric Rowell
e64024d3bd refactored attr event change logic a bit. added delete operator in a couple places to fix memory leaks. added better event unit tests. 2012-06-09 10:53:47 -07:00
Eric Rowell
12b61b3621 attr change events are now triggered for any root attr so long as the attr is set with the setAttrs method 2012-06-09 01:47:41 -07:00
Eric Rowell
2cd24309ac first step to exposing event driven architecture. Devs can subscribe to attr change events with the on method. e.g. shape.on('widthChange', function(){...}) 2012-06-08 21:56:33 -07:00
Eric Rowell
440c3ac279 event simulation now correctly bubbles 2012-06-08 20:57:20 -07:00
Eric Rowell
e7699a588f fixed mobile drag and drop bug. refactored _handleEvents(). added new functional test that has two drag and drop shapes 2012-06-08 00:42:48 -07:00
Eric Rowell
0167432216 updated Path docs 2012-06-06 21:41:29 -07:00
Eric Rowell
e74fa3a319 fixed stage drag and drop bug on tablets 2012-06-03 12:48:13 -07:00
Eric Rowell
8b22fb0690 updated Transition docs 2012-06-03 10:36:50 -07:00
Eric Rowell
e842cdf8ac stage setSize() method now converts inputs to integers. added a lot of setSize unit tests 2012-06-02 21:27:26 -07:00
Eric Rowell
91eb4ea371 isVisible() method now takes into account ancestor visibility. This fixes several bugs related to odd event detection behavior with clusters of visible and invisible nodes 2012-06-02 19:12:06 -07:00
Eric Rowell
9f243d4a2e garbage collecting empty arrays in _removeName method to free up space 2012-06-02 00:39:17 -07:00
Eric Rowell
1b333bc800 new simulate() method to simulate node events. e.g. shape.simulate('click') 2012-06-02 00:21:49 -07:00
Eric Rowell
385deb793d remove() method now correctly removes node descendants 2012-06-01 23:56:01 -07:00
Eric Rowell
ba796f4cc3 new tap event. touchmove no longer incorrectly fires onmousemove event. dbltap now correctly bubbles. cleaned up some other event handling logic. 2012-06-01 00:44:38 -07:00
Eric Rowell
84e400e0f0 changed commands property to data per Jason's request. This provides a similar nomenclature to the SVG path data property 2012-05-29 21:34:04 -07:00
Eric Rowell
89370bfee7 fixed bug with setScale method and _isNumber method. Added unit tests 2012-05-28 23:46:40 -07:00
Eric Rowell
85cb03fa90 further optimized the path parser algo 2012-05-28 19:00:22 -07:00
Eric Rowell
9fa7949d27 fixed closePath bug with Path shape, added getters and setters, and added another path unit test 2012-05-28 16:11:43 -07:00
Eric Rowell
a29d1520ae applying event throttling logic to mousemove and touchmove only 2012-05-28 12:12:26 -07:00
Eric Rowell
3c72f8240b fixed up unit tests 2012-05-28 12:02:02 -07:00
Eric Rowell
a2defa4bed turns out there was no performance problems with the path (made a dumb mistake with implementation). However, during the analysis, I ended up adding event detection throttling which is pretty handy. It cuts down unecessary mousemove event handling dramatically and greatly improves performance when you have thousands of shapes 2012-05-27 23:41:05 -07:00
Eric Rowell
cc35abd0f6 first round of new Path shape. Despite multiple optimizations, the path performance isn't as good as a previous experiment done with v3.8.1. Will keep this as a separate branch until the performance issues are resolved 2012-05-27 21:46:03 -07:00
Eric Rowell
4488f22c32 added drag and drop support for the stage. This essentially enables stage panning 2012-05-27 00:07:36 -07:00
Eric Rowell
e075a725a1 rewrote shadow logic. Shadows can now be applied to images and sprites, even if they have transparent pixels 2012-05-26 20:34:36 -07:00
Eric Rowell
af31e1ee83 refactored stage.reset method. Now storing node default attrs as an object which can be used by the stage to reset itself 2012-05-26 18:40:43 -07:00
Eric Rowell
44ba6f7e5b bug fix - when setting a custom attr that points to self, the setAttrs method no longer gets stuck in a recursive loop throwing a stack overflow error. Also, objects that were instantiated from a class (non-literal objects) are no longer serializable 2012-05-26 18:31:13 -07:00
Eric Rowell
fd6bdb570c refactored get() and add() node methods. much cleaner now. 2012-05-26 16:49:58 -07:00
Eric Rowell
07edfbc765 hooked setAttrs into setCrop() method and made the _getSize() method more flexibile by accepting more variations of input. added unit tests 2012-05-26 16:37:37 -07:00
Eric Rowell
8c675327b9 hooked in the setAttrs method to the shadow setter and the pattern fill setter. added more unit tests 2012-05-26 10:57:56 -07:00
Eric Rowell
0bb158c0fb hooked setAttrs into setPosition and setScale for more flexibility. Added in depth position and scale unit tests. add() and remove() methods are now chainable 2012-05-25 20:18:05 -07:00
Eric Rowell
5526d2847e forgot to move the image object to the attrs for Kinetic.Image and Kinetic.Sprite 2012-05-20 21:41:05 -07:00
Eric Rowell
61d325d383 fixed up some issues with serialization and deserialization and updated unit tests 2012-05-20 16:42:37 -07:00
Eric Rowell
e26575a6c8 fixed flickering when a node was added to the stage, updated, and redraw due to throttling 2012-05-20 15:30:32 -07:00
Eric Rowell
2331222459 linear and radial gradients can now have any number of color stops 2012-05-20 11:12:07 -07:00
Eric Rowell
4ba2818f97 improved shadow code quality and added support for text fill and stroke shadows 2012-05-20 10:47:28 -07:00
Eric Rowell
97ddb507ea fixed layer drawFunc bug. Now using call() for layer beforeDraw and afterDraw custom functions so that they are executed from the layer's context 2012-05-19 22:18:33 -07:00
Eric Rowell
7fcf5f156a added support for shadow alpha property 2012-05-19 22:11:33 -07:00
Eric Rowell
e60eb8be6e tons of refactoring to make the code base even more elegant and flexibile. In particular, the setAttrs() method is much more powerful now, and serves as a really convenient way for setting a bunch of node properties at once 2012-05-19 21:14:04 -07:00
Eric Rowell
2ac2c2856c transitions can now operate on ANY numeric value for any Node object, regardless of the property's depth in a config object tree 2012-05-13 18:59:10 -07:00
Eric Rowell
9944b897c4 added support for heigt and width properties inside an object config property to be transition-able 2012-05-13 17:04:15 -07:00
Eric Rowell
1c36f208c0 added gaurd against infinite slopes for dashed lines 2012-05-13 16:23:58 -07:00
Eric Rowell
5045c3fbc4 fixed slop calculation bug with dashed line logic 2012-05-13 16:00:18 -07:00
Eric Rowell
c6040ebf9d a bit of refactoring here and there, added some getters and setters that i missed in Kinetic.Sprite 2012-05-13 14:04:29 -07:00
Eric Rowell
ec415c55de added _setPoints so that points setter methods could leverage the same logic that was in the setAttrs() method 2012-05-13 11:58:40 -07:00
Eric Rowell
7f8a174b51 fixed bug with _setSize() 2012-05-13 11:32:26 -07:00
Eric Rowell
7be0e5f577 refactored _getXY utility and usage 2012-05-13 10:46:49 -07:00
Eric Rowell
e4f5e11792 finished up pattern fill support 2012-05-13 10:27:40 -07:00
Eric Rowell
81df49e75d pulled out _setPointAttr from Node and moved it to the GlobalObject as _setXY, which enables x,y property setting for any object, not just attrs. also added _setSize which has similar logic for height width properties 2012-05-12 18:37:07 -07:00
Eric Rowell
9e3475f37a setup support for pattern fills 2012-05-12 18:18:06 -07:00
Eric Rowell
92919058b2 after a bit more thought, I've decided to change the maxWidth property to width, to make it even more similar to CSS sizing rules. If you set the width of the text box to a certain value, and the text string width is longer than that width, the text will be clipped 2012-05-12 17:49:01 -07:00
Eric Rowell
05df078295 reworked text max width logic to use clipping rather than native max width functionality which scales the text (what was w3c thinking? no idea) 2012-05-12 17:11:57 -07:00
Eric Rowell
502115fad7 Kinetic.Line detection type is now defaulted to pixel since this is the expected detection strategy 2012-05-12 15:45:04 -07:00
Eric Rowell
51258531bf fixed bug with getTextSize() which was throwing a JS error if used before adding text to the stage 2012-05-12 15:32:27 -07:00
Eric Rowell
1146919d3d modified setDefaultAttrs() so that it doesn't overwrite attrs defaulted in a custom class that extends a Kinetic class 2012-05-12 15:15:42 -07:00
Eric Rowell
28f7fc246d changed shadowFillStroke() to applyStyles(). Took applyLineJoin() out of shape draw functions and moved it to the Shape._draw() method. 2012-05-09 22:31:55 -07:00
Eric Rowell
2993191fe6 improved shadow logic such that it first attempts to apply shadows to a shape's fill if it's defined, otherwise it will attempt to apply the shadow to the stroke 2012-05-09 19:15:49 -07:00
Eric Rowell
16c251bb97 added drawFunc property to layer so that layers can easily draw non-node background graphics 2012-05-09 18:53:20 -07:00
Eric Rowell
a27741ce03 added shadow support. changed fillStroke method to shadowFillStroke 2012-05-08 23:06:13 -07:00
Eric Rowell
622278a510 point properties can now be set with an array of points or an array of numbers for convenience 2012-05-08 22:11:37 -07:00
Eric Rowell
40ebb21033 implemented dashed and dotted line styling for Kinetic.Line based on method written by Phrogz 2012-05-08 19:11:19 -07:00
Eric Rowell
f2976e7dd1 added support for linear gradients and radial gradients using the fill property 2012-05-03 14:20:50 -07:00
Eric Rowell
7d92a2099e fixed animation race condition bug that sometimes produced multiple requestAnimFrame calls, and also changed throttle property to be in fps (it used to be in ms). This will make it more consistent with other properties related to frame rates 2012-05-03 12:05:54 -07:00
Eric Rowell
3585e000b6 added new Kinetic.Sprite shape that enables you to easily add animated sprites to the stage 2012-05-02 00:35:32 -07:00
Eric Rowell
7bcd34ec47 added new beforeDraw() and afterDraw() event handlers for Layer 2012-04-28 23:03:58 -07:00