mirror of
https://github.com/konvajs/konva.git
synced 2026-01-21 18:51:52 +08:00
move files
This commit is contained in:
32
resources/bower-template.json
Normal file
32
resources/bower-template.json
Normal 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
70
resources/nodejs-demo.js
Normal 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);
|
||||
Reference in New Issue
Block a user