Hopiu/fabric.js
1
0
Fork 0
mirror of https://github.com/Hopiu/fabric.js.git synced 2026-05-04 20:04:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Building dist file is now done via sprockets.

Browse source
This commit is contained in:
Juriy Zaytsev 2010-06-11 19:37:06 -04:00
parent fcb2877557
commit fa4224649c
23 changed files with 8000 additions and 10038 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
README.md
View file

@ -14,6 +14,16 @@
- Opera 9.64+
- Chrome 1+
### Building
1. Install [Sprockets](http://github.com/sstephenson/sprockets)
$ gem install --remote sprockets
2. Build distribution file
$ sprocketize fabric.js > dist/all.js
### Examples of use
#### Adding red rectangle to canvas

11196
dist/fabric_dependencies.js → dist/all.js vendored
View file

File diff suppressed because it is too large Load diff

6688
dist/fabric.js vendored
View file

File diff suppressed because it is too large Load diff

1
dist/fabric.min.js vendored
View file

File diff suppressed because one or more lines are too long

1
dist/fabric_dependencies.min.js vendored
View file

File diff suppressed because one or more lines are too long

29
fabric.js Normal file
View file

@ -0,0 +1,29 @@
//= require "lib/prototype"
//= require "lib/prototype-extensions"
//= require "lib/ape-ep-dom"
//= require "lib/ape-extensions"
//= require "src/canvas_util"
//= require "src/canvas_parser"
//= require "src/canvas_point.class"
//= require "src/canvas_intersection.class"
//= require "src/canvas_color.class"
//= require "src/canvas_element.class"
//= require "src/canvas_object.class"
//= require "src/canvas_line.class"
//= require "src/canvas_circle.class"
//= require "src/canvas_ellipse.class"
//= require "src/canvas_rect.class"
//= require "src/canvas_polyline.class"
//= require "src/canvas_polygon.class"
//= require "src/canvas_path.class"
//= require "src/canvas_path_group.class"
//= require "src/canvas_group.class"
//= require "src/canvas_text.class"

2
lib/ape-extensions.js
View file

@ -1,3 +1,5 @@
//= require "ape-ep-dom"
(function(){
var doc = this.document;

2
lib/prototype-extensions.js vendored
View file

@ -1,3 +1,5 @@
//= require "prototype"
Prototype.falseFunction = function () { return false; };
Element.addMethods({

2
src/canvas_circle.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function() {
var global = this,

3
src/canvas_element.class.js
View file

@ -1,6 +1,3 @@
/*jslint onevar: true, undef: true, eqeqeq: true, bitwise: true, regexp: true, newcap: true, immed: true */
/*global Image: false, APE: false, $: false */
(function () {
var global = this,

2
src/canvas_ellipse.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_group.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_image.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function() {
var global = this;

2
src/canvas_intersection.class.js
View file

@ -1,3 +1,5 @@
//= require 'canvas_point.class'
(function() {
/* Adaptation of work of Kevin Lindsey (kevin@kevlindev.com) */

2
src/canvas_line.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_path.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_path_group.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_path.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_polygon.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_polyline.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_rect.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

2
src/canvas_text.class.js
View file

@ -1,3 +1,5 @@
//= require "canvas_object.class"
(function(){
var Canvas = this.Canvas || (this.Canvas = { });

23
test/benchmark.html
View file

@ -11,31 +11,12 @@
<script type="text/javascript" src="../lib/excanvas.js"></script>
<![endif]-->
<script src="../lib/prototype.js" type="text/javascript"></script>
<script src="../lib/ape-ep-dom.js" type="text/javascript"></script>
<script src="../lib/ape-extensions.js" type="text/javascript"></script>
<script src="../lib/prototype-extensions.js" type="text/javascript"></script>
<script src="../src/canvas_point.class.js" type="text/javascript"></script>
<script src="../src/canvas_intersection.class.js" type="text/javascript"></script>
<script src="../src/canvas_element.class.js" type="text/javascript"></script>
<script src="../src/canvas_parser.js" type="text/javascript"></script>
<script src="../src/canvas_istub.mixin.js" type="text/javascript"></script>
<script src="../src/canvas_object.class.js" type="text/javascript"></script>
<script src="../src/canvas_circle.class.js" type="text/javascript"></script>
<script src="../src/canvas_rect.class.js" type="text/javascript"></script>
<script src="../src/canvas_polygon.class.js" type="text/javascript"></script>
<script src="../src/canvas_polyline.class.js" type="text/javascript"></script>
<script src="../src/canvas_ellipse.class.js" type="text/javascript"></script>
<script src="../src/canvas_image.class.js" type="text/javascript"></script>
<script src="../src/canvas_path.class.js" type="text/javascript"></script>
<script src="../src/canvas_path_group.class.js" type="text/javascript"></script>
<script src="../src/canvas_group.class.js" type="text/javascript"></script>
<script src="../dist/all.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.canvas_container { position: relative; }
</style>
</head>
<body>

59
test/functional/functional_test.html
View file

@ -1,4 +1,4 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
<!DOCTYPE html PUBLIC "-//../W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
@ -10,28 +10,7 @@
<script type="text/javascript" src="../lib/excanvas.js"></script>
<![endif]-->
<script src="../lib/prototype.js" type="text/javascript"></script>
<script src="../lib/ape-ep-dom.js" type="text/javascript"></script>
<script src="../lib/ape-extensions.js" type="text/javascript"></script>
<script src="../lib/prototype-extensions.js" type="text/javascript"></script>
<script src="../src/canvas_point.class.js" type="text/javascript"></script>
<script src="../src/canvas_intersection.class.js" type="text/javascript"></script>
<script src="../src/canvas_element.class.js" type="text/javascript"></script>
<script src="../src/canvas_parser.js" type="text/javascript"></script>
<script src="../src/canvas_istub.mixin.js" type="text/javascript"></script>
<script src="../src/canvas_object.class.js" type="text/javascript"></script>
<script src="../src/canvas_line.class.js" type="text/javascript"></script>
<script src="../src/canvas_circle.class.js" type="text/javascript"></script>
<script src="../src/canvas_rect.class.js" type="text/javascript"></script>
<script src="../src/canvas_polygon.class.js" type="text/javascript"></script>
<script src="../src/canvas_polyline.class.js" type="text/javascript"></script>
<script src="../src/canvas_ellipse.class.js" type="text/javascript"></script>
<script src="../src/canvas_image.class.js" type="text/javascript"></script>
<script src="../src/canvas_path.class.js" type="text/javascript"></script>
<script src="../src/canvas_path_group.class.js" type="text/javascript"></script>
<script src="../src/canvas_group.class.js" type="text/javascript"></script>
<script src="../../dist/all.js" type="text/javascript"></script>
<style type="text/css" media="screen">
.wrapper { float: left; margin-right: 1em; }
@ -79,55 +58,55 @@
<h2 style="float:left;clear:left;width:100%">SVG Parser tests</h2>
<div class="svg-wrapper">
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-01-t.png" alt="shapes-circle-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-01-t.png" alt="shapes-circle-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-02-t.png" alt="shapes-circle-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-02-t.png" alt="shapes-circle-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-03-t.png" alt="shapes-circle-03-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-circle-03-t.png" alt="shapes-circle-03-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-01-t.png" alt="shapes-ellipse-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-01-t.png" alt="shapes-ellipse-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-02-t.png" alt="shapes-ellipse-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-02-t.png" alt="shapes-ellipse-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-03-t.png" alt="shapes-ellipse-03-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-ellipse-03-t.png" alt="shapes-ellipse-03-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-intro-01-t.png" alt="shapes-intro-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-intro-01-t.png" alt="shapes-intro-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-01-t.png" alt="shapes-line-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-01-t.png" alt="shapes-line-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-02-t.png" alt="shapes-line-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-line-02-t.png" alt="shapes-line-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-01-t.png" alt="shapes-polygon-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-01-t.png" alt="shapes-polygon-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-02-t.png" alt="shapes-polygon-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-polygon-02-t.png" alt="shapes-polygon-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-01-t.png" alt="shapes-polyline-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-01-t.png" alt="shapes-polyline-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-02-t.png" alt="shapes-polyline-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-polyline-02-t.png" alt="shapes-polyline-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-01-t.png" alt="shapes-rect-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-01-t.png" alt="shapes-rect-01-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-02-t.png" alt="shapes-rect-02-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-02-t.png" alt="shapes-rect-02-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-03-t.png" alt="shapes-rect-03-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/shapes-rect-03-t.png" alt="shapes-rect-03-t">
</div>
<div class="svg-test-wrapper">
<img src="W3C_SVG_12_TinyTestSuite_beta/png/paths-data-01-t.png" alt="paths-data-01-t">
<img src="../W3C_SVG_12_TinyTestSuite_beta/png/paths-data-01-t.png" alt="paths-data-01-t">
</div>
</div>