Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Go to file
2012-12-31 12:45:32 -08:00
src huge changes to Text shape. Skinnied it up by removing rectangle rendering component. textFill is now fill, textStroke is now stroke, textShadow is now shadow, and textStrokeWidth is now strokeWidth 2012-12-31 12:45:32 -08:00
tests huge changes to Text shape. Skinnied it up by removing rectangle rendering component. textFill is now fill, textStroke is now stroke, textShadow is now shadow, and textStrokeWidth is now strokeWidth 2012-12-31 12:45:32 -08:00
.gitignore updated .gitignore and added more performance tests around image cropping and scaling in order to understand the value of a SpriteSheet plugin 2012-12-09 20:13:17 -08:00
Gemfile Change the Rakefile for a Thorfile. 2012-03-07 08:43:02 -05:00
Gemfile.lock Change the Rakefile for a Thorfile. 2012-03-07 08:43:02 -05:00
README.md updated readme and Animation docs 2012-12-21 07:53:26 -08:00
Thorfile changed around the logic from the previous pull, and also added spriteTests to the unit test build 2012-12-06 20:11:14 -08:00

#Building the KineticJS Framework To build the library, you need to have Ruby and Rubygems installed. After that, run gem install thor, gem install json_pure, and gem install uglifier to install the dependencies.

To build a development version of the library, run thor build:dev VERSION, where VERSION is a string that can be anything you like. For example, using thor build:dev current will produce kinetic-vcurrent.js. To build a minified version of the library, run thor build:prod VERSION.

If you add a file in the src directory, be sure to add the filename to the filename array in the Thorfile.

#Testing

Getting the tests up and running

Currently, KineticJS has unit, functional, performance, manual, and special test suites. To build the unit tests, you'll need to build the unitTests.js file by running thor build:test and then opening unitTests.html. Open tests/html/index.html to navigate to different test suites.

Running the tests

Unit, functional, and performance tests output the results to the console via console.log() so be sure to have it open.

In order for the data url tests and image manipulation tests to pass, you need to run the unit test suite on a web server due to canvas security constraints (read more about that here). All tests should pass in Google Chrome with no warnings, and all tests should pass with some warnings in other browsers.

Updating the tests

To add / modify unit tests, be sure to do so in the tests/js/unit directory, because these are the source test files that are concatenated together when building unitTests.js. Use test() for hard tests which will throw an error if something fails, and use warn() for soft tests that will allow the tests to continue if the test condition fails. The warn() method is great for tests that will have different results in different browsers, such as canvas data url comparisons, text metric dimensions, etc.

TIP: prepend a test name with a * to only run that particular test, or prepend a test name with ! to omit that test.

#Pull Requests I'd be happy to review any pull requests that may better the KineticJS project, in particular if you have a bug fix, enhancement, or a new shape (see src/shapes for examples). Before doing so, please first make sure that all of the unit tests and functional tests pass.