move files

This commit is contained in:
lavrton
2015-01-09 22:45:45 +07:00
parent 62a3ab6881
commit 2632dda0f7
4 changed files with 11 additions and 11 deletions

View File

@@ -0,0 +1,32 @@
{
"name": "KineticJS",
"version": "@@version",
"homepage": "http://kineticjs.com/",
"authors": [
"Eric Rowell", "Anton Lavrenov"
],
"description": "KineticJS is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.",
"keywords": [
"canvas",
"animations",
"graphic",
"html5"
],
"license": "MIT",
"ignore": [
"**/.*",
"test",
"tests",
"doc-includes",
"src",
"*.yml",
".jshitrc",
".npmignore",
".gitignore",
"Gruntfile.js",
"bower-template.json",
"server.js",
"presentation-schedule.md"
],
"main": "kinetic.js"
}

70
resources/nodejs-demo.js Normal file
View File

@@ -0,0 +1,70 @@
var fs = require('fs'),
Kinetic = require('./dist/kinetic-dev');
// Create stage. Container parameter is not required in NodeJS.
var stage = new Kinetic.Stage({
width : 100,
height : 100
});
var layer = new Kinetic.Layer();
stage.add(layer);
var rect = new Kinetic.Rect({
width : 100,
height : 100,
x : 50,
y : 50,
fill : 'green'
});
var text = new Kinetic.Text({
text : 'Generated inside node js',
x : 20,
y : 20,
fill : 'black'
});
layer.add(rect).add(text);
layer.draw();
stage.setSize({
width : 200,
height : 200
});
// check tween works
var tween = new Kinetic.Tween({
node : rect,
duration : 1,
x : -50
});
tween.play();
// After tween we want to convert stage to dataURL
setTimeout(function(){
stage.toDataURL({
callback: function(data){
// Then add result to stage
var img = new Kinetic.window.Image();
img.onload = function() {
var image = new Kinetic.Image({
image : img,
x : 10,
y : 50
});
layer.add(image);
layer.draw();
// save stage image as file
stage.toDataURL({
callback: function(data){
var base64Data = data.replace(/^data:image\/png;base64,/, '');
fs.writeFile('out.png', base64Data, 'base64', function(err) {
err && console.log(err);
console.log('See out.png');
});
}
});
};
img.src = data;
}
});
}, 1050);