zcy
/
snap.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change name to Snap.svg. Added dr.js to grunt via grunt-exec

master
Dmitry Baranovskiy 2013-09-25 15:52:57 +10:00
parent a553d07b28
commit a27e4043a1
34 changed files with 2676 additions and 1876 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Gruntfile.js
View File

@ -40,11 +40,17 @@ module.exports = function(grunt) {
"./src/amd-footer.js",
]
}
},
exec: {
dr: {
command: "node node_modules/dr.js/dr dr.json"
}
}
});
grunt.loadNpmTasks("grunt-contrib-concat");
grunt.loadNpmTasks("grunt-contrib-uglify");
grunt.loadNpmTasks("grunt-exec");
grunt.registerTask("default", ["concat", "uglify"]);
grunt.registerTask("default", ["concat", "uglify", "exec"]);
};

6
NOTICE
View File

@ -1,7 +1,7 @@
Savage is licensed under the Apache license version 2.0, January 2004 (see LICENSE file).
Snap.svg is licensed under the Apache license version 2.0, January 2004 (see LICENSE file).
Savage uses the following third party libraries that may have licenses
differing from that of Savage itself. You can find the libraries and their
Snap.svg uses the following third party libraries that may have licenses
differing from that of Snap.svg itself. You can find the libraries and their
respective licenses below.
- eve ./node_modules/eve

14
README.md
View File

@ -1,4 +1,4 @@
savage
Snap.svg
======
JavaScript library for SVG.
@ -7,9 +7,9 @@ API Reference is in `dist/reference.html`
### Building
Savage uses [Grunt](http://gruntjs.com/) to build
Snap.svg uses [Grunt](http://gruntjs.com/) to build
* Open the terminal from the Savage directory
* Open the terminal from the Snap.svg directory
cd savage
@ -22,14 +22,8 @@ Savage uses [Grunt](http://gruntjs.com/) to build
npm install
_*Savage uses Grunt 0.4.0. You might want to [read](http://gruntjs.com/getting-started) more on their website if you haven’t upgraded since a lot has changed._
_*Snap.svg uses Grunt 0.4.0. You might want to [read](http://gruntjs.com/getting-started) more on their website if you haven’t upgraded since a lot has changed._
* Type `grunt` in the command line to build the files.
* The results will be built into the release folder.
* Alternatively type `grunt watch` to have the build run automatically when you make changes to source files.
* For documentation generation use this command
cd node_modules/dr.js/; node dr ../../dr.json; cd ../../
_It’s ugly at the moment. Somebody should port it to grunt. May be even me :)_

166
demojs.html
View File

@ -15,97 +15,97 @@
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.">
<title>Savage</title>
<title>Snap</title>
<style media="screen">
body {
background: #030 url("bg.png");
}
</style>
<script src="dist/savage-min.js"></script>
<script src="dist/snap.svg-min.js"></script>
<script>
window.onload = function () {
1;
var s = Savage("100%", 600);
1
var s = Snap("100%", 600);
2;
var c = s.circle(100, 100, 50);
3;
c.attr({
fill: "#bada55",
stroke: "#000",
"stroke-width": 5
});
4;
var c2 = s.circle(70, 100, 40);
var g = s.group(c2, s.circle(130, 100, 40));
g.attr({
fill: "#fff"
});
5;
c.attr({
mask: g
});
6;
c2.animate({r: 25}, 1000);
7;
g.select("circle:nth-child(2)").animate({r: 25}, 1000);
8;
var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
fill: "none",
stroke: "#bada55",
strokeWidth: 5
}).pattern(0, 0, 10, 10);
c.attr({
fill: p
});
9;
g.attr({
fill: Savage(document.getElementById("pattern"))
});
10;
g.attr({fill: "r()#fff-#000"});
11;
g.attr({fill: "R(100, 100, 50)#fff-#000"});
12;
p.select("path").animate({stroke: "#f00"}, 1000);
13;
Savage.load("demo-card.svg", function (f) {
f.select("path[fill='#D40000']").attr({fill: "#bada55"});
g = s.group(f.selectAll("path"));
s.append(g);
14;
g.attr({
transform: "r45t100,0s.5"
});
15;
console.log(g.attr("transform"));
16;
g.drag();
});
17;
s.text(200, 100, "SAVAGE");
18;
var t = s.text(200, 120, ["S","A","V","A","G","E"]);
t.selectAll("tspan:nth-child(odd)").attr({
fill: "#900",
"font-size": "20px"
});
// 2
// var c = s.circle(100, 100, 50);
//
// 3
// c.attr({
// fill: "#bada55",
// stroke: "#000",
// "stroke-width": 5
// });
//
// 4
// var c2 = s.circle(70, 100, 40);
// var g = s.group(c2, s.circle(130, 100, 40));
// g.attr({
// fill: "#fff"
// });
//
// 5
// c.attr({
// mask: g
// });
//
// 6
// c2.animate({r: 25}, 1000);
//
// 7
// g.select("circle:nth-child(2)").animate({r: 25}, 1000);
//
// 8
// var p = s.path("M10-5-10,15M15,0,0,15M0-5-20,15").attr({
// fill: "none",
// stroke: "#bada55",
// strokeWidth: 5
// }).pattern(0, 0, 10, 10);
// c.attr({
// fill: p
// });
//
// 9
// g.attr({
// fill: Snap(document.getElementById("pattern"))
// });
//
// 10
// g.attr({fill: "r()#fff-#000"});
//
// 11
// g.attr({fill: "R(100, 100, 50)#fff-#000"});
//
// 12
// p.select("path").animate({stroke: "#f00"}, 1000);
//
// 13
// Snap.load("demo-card.svg", function (f) {
// f.select("path[fill='#D40000']").attr({fill: "#bada55"});
// g = s.group(f.selectAll("path"));
// s.append(g);
//
// 14
// g.attr({
// transform: "r45t100,0s.5"
// });
//
// 15
// console.log(g.attr("transform"));
//
// 16
// g.drag();
// });
//
// 17
// s.text(200, 100, "Snap.SVG");
//
// 18
// var t = s.text(200, 120, ["S","n","a","p",".","S","V","G"]);
// t.selectAll("tspan:nth-child(odd)").attr({
// fill: "#900",
// "font-size": "20px"
// });
};
</script>
</head>

10
demojs2.html
View File

@ -15,22 +15,22 @@
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.">
<title>Savage</title>
<title>Snap</title>
<style media="screen">
body {
background: #2c4e6b;
}
</style>
<script src="dist/savage-min.js"></script>
<script src="dist/snap.svg-min.js"></script>
<script>
window.onload = function () {
1;
var g = Savage("100%", "100%");
var g = Snap("100%", "100%");
g.attr({
viewBox: [0, 0, 800, 600]
});
Savage.load("map.svg", function (f) {
Snap.load("map.svg", function (f) {
function getShift(dot) {
pln.attr({
transform: "t" + (dot.x) + "," + (dot.y) + "r" + (dot.alpha - 90)
@ -83,7 +83,7 @@
click.attr({
display: "none"
});
Savage.animate(0, pth.getTotalLength(), function (l) {
Snap.animate(0, pth.getTotalLength(), function (l) {
var dot = pth.getPointAtLength(l);
flight.attr({
d: pth.getSubpath(0, l)

827
dist/css/topcoat-desktop-light.css vendored
View File

@ -19,7 +19,7 @@
.button-bar {
display: table;
table-layout: fixed;
white-space: no-wrap;
white-space: nowrap;
margin: 0;
padding: 0;
}
@ -30,7 +30,7 @@
border-radius: 0;
}
.button_bar__item > input {
.button-bar__item > input {
position: absolute;
overflow: hidden;
padding: 0;
@ -278,7 +278,7 @@
.topcoat-button-bar {
display: table;
table-layout: fixed;
white-space: no-wrap;
white-space: nowrap;
margin: 0;
padding: 0;
}
@ -290,7 +290,7 @@
border-radius: 0;
}
.button_bar__item > input,
.button-bar__item > input,
.topcoat-button-bar__item > input {
position: absolute;
overflow: hidden;
@ -1799,6 +1799,140 @@ input[type="checkbox"]:focus + .topcoat-checkbox__checkmark:before {
color: #000;
}
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
.notification {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
.notification,
.topcoat-notification {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
/* topdoc
name: Notification
description: Notification badge
markup:
<span class="topcoat-notification">1</span>
tags:
- desktop
- light
- mobile
- notification
*/
.topcoat-notification {
padding: 0.15em 0.5em 0.2em;
border-radius: 2px;
background-color: #ec514e;
color: #fff;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
@ -2098,6 +2232,193 @@ input[type="radio"]:focus + .topcoat-radio-button__checkmark:before {
box-shadow: 0 0 0 2px #6fb5f1;
}
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.range {
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
vertical-align: top;
outline: none;
-webkit-appearance: none;
}
.range__thumb {
cursor: pointer;
}
.range__thumb--webkit {
cursor: pointer;
-webkit-appearance: none;
}
.range:disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
/*
Copyright 2012 Adobe Systems Inc.;
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.range,
.topcoat-range {
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
vertical-align: top;
outline: none;
-webkit-appearance: none;
}
.range__thumb,
.topcoat-range::-moz-range-thumb {
cursor: pointer;
}
.range__thumb--webkit,
.topcoat-range::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
}
.range:disabled,
.topcoat-range:disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/* topdoc
name: Range
description: Range input
modifiers:
:active: Active state
:disabled: Disabled state
:hover: Hover state
:focus: Focused
markup:
<input type="range" class="topcoat-range">
<input type="range" class="topcoat-range" disabled>
examples:
mobile range: http://codepen.io/Topcoat/pen/BskEn
tags:
- desktop
- mobile
- range
*/
.topcoat-range {
border-radius: 6px;
border: 1px solid #a5a8a8;
background-color: #d3d7d7;
height: 1rem;
border-radius: 30px;
}
.topcoat-range::-moz-range-track {
border-radius: 6px;
border: 1px solid #a5a8a8;
background-color: #d3d7d7;
height: 1rem;
border-radius: 30px;
}
.topcoat-range::-webkit-slider-thumb {
height: 3rem;
width: 2rem;
background-color: #e5e9e8;
border: 1px solid #a5a8a8;
border-radius: 6px;
box-shadow: inset 0 1px #fff;
}
.topcoat-range::-moz-range-thumb {
height: 3rem;
width: 2rem;
background-color: #e5e9e8;
border: 1px solid #a5a8a8;
border-radius: 6px;
box-shadow: inset 0 1px #fff;
}
.topcoat-range:focus::-webkit-slider-thumb {
border: 1px solid #0940fd;
box-shadow: 0 0 0 2px #6fb5f1;
}
.topcoat-range:focus::-moz-range-thumb {
border: 1px solid #0940fd;
box-shadow: 0 0 0 2px #6fb5f1;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
@ -2372,6 +2693,459 @@ input[type="search"]::-webkit-search-cancel-button {
*
*/
.switch {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
}
.switch__input {
position: absolute;
overflow: hidden;
padding: 0;
border: 0;
opacity: 0.001;
z-index: 1;
vertical-align: top;
outline: none;
}
.switch__toggle {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch__toggle:before,
.switch__toggle:after {
content: '';
position: absolute;
z-index: -1;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
}
.switch--disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
.switch,
.topcoat-switch {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
}
.switch__input,
.topcoat-switch__input {
position: absolute;
overflow: hidden;
padding: 0;
border: 0;
opacity: 0.001;
z-index: 1;
vertical-align: top;
outline: none;
}
.switch__toggle,
.topcoat-switch__toggle {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.switch__toggle:before,
.switch__toggle:after,
.topcoat-switch__toggle:before,
.topcoat-switch__toggle:after {
content: '';
position: absolute;
z-index: -1;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
}
.switch--disabled,
.topcoat-switch__input:disabled + .topcoat-switch__toggle {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/* topdoc
name: Switch
description: Default skin for Topcoat switch
modifiers:
:focus: Focus state
:disabled: Disabled state
markup:
<label class="topcoat-switch">
<input type="checkbox" class="topcoat-switch__input">
<div class="topcoat-switch__toggle"></div>
</label>
<br>
<br>
<label class="topcoat-switch">
<input type="checkbox" class="topcoat-switch__input" checked>
<div class="topcoat-switch__toggle"></div>
</label>
<br>
<br>
<label class="topcoat-switch">
<input type="checkbox" class="topcoat-switch__input" disabled>
<div class="topcoat-switch__toggle"></div>
</label>
examples:
mobile switch: http://codepen.io/Topcoat/pen/upxds
tags:
- desktop
- light
- mobile
- switch
*/
.topcoat-switch {
font-size: 16px;
padding: 0 1.25rem;
border-radius: 6px;
border: 1px solid #a5a8a8;
overflow: hidden;
width: 6rem;
}
.topcoat-switch__toggle:before,
.topcoat-switch__toggle:after {
top: -1px;
width: 5rem;
}
.topcoat-switch__toggle:before {
content: 'ON';
color: #0083e8;
background-color: #e0f0fa;
right: 1rem;
padding-left: 1.5rem;
}
.topcoat-switch__toggle {
line-height: 3rem;
height: 3rem;
width: 2rem;
border-radius: 6px;
color: #454545;
text-shadow: 0 1px #fff;
background-color: #e5e9e8;
border: 1px solid #a5a8a8;
margin-left: -1.3rem;
margin-bottom: -1px;
margin-top: -1px;
box-shadow: inset 0 1px #fff;
-webkit-transition: margin-left 0.05s ease-in-out;
transition: margin-left 0.05s ease-in-out;
}
.topcoat-switch__toggle:after {
content: 'OFF';
background-color: #d3d7d7;
left: 1rem;
padding-left: 2rem;
}
.topcoat-switch__input:checked + .topcoat-switch__toggle {
margin-left: 2.7rem;
}
.topcoat-switch__input:focus + .topcoat-switch__toggle {
border: 1px solid #0940fd;
box-shadow: 0 0 0 2px #6fb5f1;
}
.topcoat-switch__input:disabled + .topcoat-switch__toggle:after,
.topcoat-switch__input:disabled + .topcoat-switch__toggle:before {
background: transparent;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
.button,
.topcoat-tab-bar__button {
position: relative;
display: inline-block;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
background: transparent;
border: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
}
.button--quiet {
background: transparent;
border: 1px solid transparent;
box-shadow: none;
}
.button--disabled,
.topcoat-tab-bar__button:disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
.button-bar,
.topcoat-tab-bar {
display: table;
table-layout: fixed;
white-space: nowrap;
margin: 0;
padding: 0;
}
.button-bar__item,
.topcoat-tab-bar__item {
display: table-cell;
width: auto;
border-radius: 0;
}
.button-bar__item > input,
.topcoat-tab-bar__item > input {
position: absolute;
overflow: hidden;
padding: 0;
border: 0;
opacity: 0.001;
z-index: 1;
vertical-align: top;
outline: none;
}
.button-bar__button {
border-radius: inherit;
}
.button-bar__item:disabled {
opacity: 0.3;
cursor: default;
pointer-events: none;
}
/* topdoc
name: Tab Bar
description: Component of tab buttons
modifiers:
:disabled: Disabled state
markup:
<div class="topcoat-tab-bar">
<label class="topcoat-tab-bar__item">
<input type="radio" name="tab-bar">
<button class="topcoat-tab-bar__button">One</button>
</label>
<label class="topcoat-tab-bar__item">
<input type="radio" name="tab-bar">
<button class="topcoat-tab-bar__button">Two</button>
</label>
<label class="topcoat-tab-bar__item">
<input type="radio" name="tab-bar">
<button class="topcoat-tab-bar__button">Three</button>
</label>
</div>
examples:
mobile tab bar: http://codepen.io/Topcoat/pen/rJICF
tags:
- desktop
- light
- dark
- mobile
- tab
- group
- bar
*/
.topcoat-tab-bar__button {
padding: 0 1.25rem;
height: 3rem;
line-height: 3rem;
letter-spacing: 1px;
color: #454545;
text-shadow: 0 1px #fff;
vertical-align: top;
background-color: #e5e9e8;
box-shadow: inset 0 1px #fff;
border-top: 1px solid #a5a8a8;
}
.topcoat-tab-bar__button:active,
.topcoat-tab-bar__button--large:active,
:checked + .topcoat-tab-bar__button {
color: #0083e8;
background-color: #e0f0fa;
box-shadow: inset 0 0 2px #c0ced8;
}
.topcoat-tab-bar__button:focus,
.topcoat-tab-bar__button--large:focus {
z-index: 1;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
/**
*
* Copyright 2012 Adobe Systems Inc.;
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
*/
.input,
.topcoat-text-input,
.topcoat-text-input--large {
@ -2399,11 +3173,18 @@ input[type="search"]::-webkit-search-cancel-button {
/* topdoc
name: Text input
description: Topdoc text input
modifiers:
:disabled: Disabled state
:focus: Focused
:invalid: Hover state
markup:
<input type="text" class="topcoat-text-input" placeholder="text" value="">
<br>
<br>
<input type="text" class="topcoat-text-input" placeholder="text" value="" disabled>
<br>
<br>
<input type="text" class="topcoat-text-input" placeholder="text" value="fail" pattern="not-fail">
tags:
- desktop
- mobile
@ -2445,16 +3226,25 @@ input[type="search"]::-webkit-search-cancel-button {
color: #000;
}
.topcoat-text-input:invalid {
border: 1px solid #d83b75;
}
/* topdoc
name: Large Text Input
description: A bigger input, still for text.
modifiers:
:disabled: Disabled state
:focus: Focused
:invalid: Hover state
markup:
<input type="text" class="topcoat-text-input--large" value="" placeholder="text">
<br>
<br>
<input type="text" class="topcoat-text-input--large" value="" placeholder="text" disabled>
<br>
<br>
<input type="text" class="topcoat-text-input--large" placeholder="text" value="fail" pattern="not-fail">
tags:
- desktop
- light
@ -2485,6 +3275,10 @@ input[type="search"]::-webkit-search-cancel-button {
color: #000;
}
.topcoat-text-input--large:invalid {
border: 1px solid #d83b75;
}
/**
*
* Copyright 2012 Adobe Systems Inc.;
@ -2720,7 +3514,6 @@ body {
color: #000;
font: 16px "Source Sans", helvetica, arial, sans-serif;
font-weight: 200;
text-rendering: optimizeLegibility;
}
:focus {
@ -2792,6 +3585,8 @@ body {
overflow: hidden;
}
/* This file should include color and image variables corresponding to the dark theme */
/* Call To Action */
/* Icons */
@ -2814,6 +3609,10 @@ body {
/* Radio Button */
/* Tab bar */
/* Switch */
/* Icon Button */
/* Navigation bar */
@ -2828,8 +3627,14 @@ body {
/* Radio */
/* Range input */
/* Search Input */
/* Switch */
/* This file should include color and image variables corresponding to the light theme */
/* Call To Action */
/* Icons */
@ -2848,6 +3653,12 @@ body {
/* Range input */
/* Radio Button */
/* Tab bar */
/* Switch */
/* Containers */
/* Icon Button */
@ -2868,6 +3679,8 @@ body {
/* Search Input */
/* Switch */
/* Text Input */
/* Radio input */
@ -2881,3 +3694,7 @@ body {
/* Progress bar progress */
/* Search input */
/* Switch */
/* Notification */

1558
dist/reference.html vendored
View File

File diff suppressed because one or more lines are too long

34
dist/savage-min.js vendored
View File

File diff suppressed because one or more lines are too long

20
dist/snap.svg-min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

636
dist/savage.js → dist/snap.svg.js vendored
View File

File diff suppressed because it is too large Load Diff

4
dr.json
View File

@ -1,7 +1,7 @@
{
"title": "Savage",
"title": "Snap.svg",
"output": "dist/reference.html",
"scripts": ["savage-min.js", "reference.js"],
"scripts": ["snap.svg-min.js", "reference.js"],
"files": [{
"url": "src/svg.js",
"link": "https://github.com/adobe-webplatform/savage/blob/master/src/svg.js"

9
package.json
View File

@ -1,11 +1,11 @@
{
"name": "Savage",
"name": "Snap.svg",
"version": "0.0.1",
"description": "JavaScript Vector Library",
"main": "./dist/savage.js",
"main": "Gruntfile.js",
"repository": {
"type": "git",
"url": "git://github.com/adobe-webplatform/savage.git"
"url": "git@github.com:adobe-webplatform/Snap.svg.git"
},
"author": "Dmitry Baranovskiy",
"license": "Apache License v2",
@ -13,10 +13,11 @@
"grunt": "~0.4.1",
"grunt-contrib-uglify": "~0.2.0",
"grunt-contrib-concat": "~0.3.0",
"grunt-exec": "~0.4.2",
"mocha": "*",
"expect.js": "*",
"eve": "*",
"elemental.js": "~0.2.4",
"dr.js": "*"
"dr.js": "~0.0.9"
}
}

2
src/amd-banner.js
View File

@ -7,7 +7,7 @@
});
} else {
// Browser globals (glob is window)
// Savage adds itself to window
// Snap adds itself to window
factory(glob, glob.eve);
}
}(this, function (window, eve) {

2
src/amd-footer.js
View File

@ -1,2 +1,2 @@
return Savage;
return Snap;
}));

16
src/copy.js
View File

@ -1,18 +1,4 @@
// .--.--.
// / / '.
// | : /`. /
// ; | |--` .---. ,----._,.
// | : ;_ ,--.--. /. ./| ,--.--. / / ' / ,---.
// \ \ `. / \ .-' . ' | / \ | : | / \
// `----. \.--. .-. /___/ \: | .--. .-. || | .\ . / / |
// __ \ \ | \__\/: . . \ ' . \__\/: . .. ; '; |. ' / |
// / /`--' / ," .--.; |\ \ ' ," .--.; |' . . |' ; /|
// '--'. / / / ,. | \ \ / / ,. | `---`-'| |' | / |
// `--'---' ; : .' \ \ \ |; : .' \.'__/\_: || : |
// | , .-./ '---" | , .-./| : : \ \ /
// `--`---' `--`---' \ \ / `----'
// `--`-'
// Savage @VERSION
// Snap.svg @VERSION
//
// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
//

16
src/equal.js
View File

@ -11,7 +11,7 @@
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Savage.plugin(function (Savage, Element, Paper, glob) {
Snap.plugin(function (Snap, Element, Paper, glob) {
var names = {},
reUnit = /[a-z]+$/i,
Str = String;
@ -37,8 +37,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
}
function equaliseTransform(t1, t2) {
t2 = Str(t2).replace(/\.{3}|\u2026/g, t1);
t1 = Savage.parseTransformString(t1) || [];
t2 = Savage.parseTransformString(t2) || [];
t1 = Snap.parseTransformString(t1) || [];
t2 = Snap.parseTransformString(t2) || [];
var maxlength = Math.max(t1.length, t2.length),
from = [],
to = [],
@ -75,7 +75,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
};
}
function getColour(clr) {
return Savage.rgb(clr[0], clr[1], clr[2]);
return Snap.rgb(clr[0], clr[1], clr[2]);
}
function getPath(path) {
var k = 0, i, ii, j, jj, out, a, b = [];
@ -88,7 +88,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
out += a + "]";
b[i] = out;
}
return Function("val", "return Savage.path.toString.call([" + b + "])");
return Function("val", "return Snap.path.toString.call([" + b + "])");
}
function path2array(path) {
var out = [];
@ -109,8 +109,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
};
}
if (names[name] == "colour") {
A = Savage.color(a);
B = Savage.color(b);
A = Snap.color(a);
B = Snap.color(b);
return {
from: [A.r, A.g, A.b, A.opacity],
to: [B.r, B.g, B.b, B.opacity],
@ -122,7 +122,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
return equaliseTransform(a, b);
}
if (name == "d" || name == "path") {
A = Savage.path.toCubic(a, b);
A = Snap.path.toCubic(a, b);
return {
from: path2array(A[0]),
to: path2array(A[1]),

104
src/filter.js
View File

@ -11,13 +11,13 @@
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Savage.plugin(function (Savage, Element, Paper, glob) {
Snap.plugin(function (Snap, Element, Paper, glob) {
var elproto = Element.prototype,
pproto = Paper.prototype,
rgurl = /^\s*url\((.+)\)/,
Str = String,
$ = Savage._.$;
Savage.filter = {};
$ = Snap._.$;
Snap.filter = {};
/*\
* Paper.filter
[ method ]
@ -34,10 +34,14 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
| });
\*/
pproto.filter = function (filstr) {
var f = Savage.parse(Str(filstr)),
id = Savage._.id(),
width = this.node.offsetWidth,
height = this.node.offsetHeight,
var paper = this;
if (paper.type != "svg") {
paper = paper.paper;
}
var f = Snap.parse(Str(filstr)),
id = Snap._.id(),
width = paper.node.offsetWidth,
height = paper.node.offsetHeight,
filter = $("filter");
$(filter, {
id: id,
@ -48,19 +52,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
height: height
});
filter.appendChild(f.node);
this.defs.appendChild(filter);
paper.defs.appendChild(filter);
return new Element(filter);
};
eve.on("savage.util.getattr.filter", function () {
eve.on("snap.util.getattr.filter", function () {
eve.stop();
var p = $(this.node, "filter");
if (p) {
var match = Str(p).match(rgurl);
return match && Savage.select(match[1]);
return match && Snap.select(match[1]);
}
});
eve.on("savage.util.attr.filter", function (value) {
eve.on("snap.util.attr.filter", function (value) {
if (value instanceof Element && value.type == "filter") {
eve.stop();
var id = value.node.id;
@ -79,7 +83,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
});
/*\
* Savage.filter.blur
* Snap.filter.blur
[ method ]
**
* Returns string of the blur filter.
@ -88,25 +92,25 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- y (number) #optional amount of vertical blur in px.
= (string) filter representation
> Usage
| var f = paper.filter(Savage.filter.blur(5, 10)),
| var f = paper.filter(Snap.filter.blur(5, 10)),
| c = paper.circle(10, 10, 10).attr({
| filter: f
| });
\*/
Savage.filter.blur = function (x, y) {
Snap.filter.blur = function (x, y) {
if (x == null) {
x = 2;
}
var def = y == null ? x : [x, y];
return Savage.format('\<feGaussianBlur stdDeviation="{def}"/>', {
return Snap.format('\<feGaussianBlur stdDeviation="{def}"/>', {
def: def
});
};
Savage.filter.blur.toString = function () {
Snap.filter.blur.toString = function () {
return this();
};
/*\
* Savage.filter.shadow
* Snap.filter.shadow
[ method ]
**
* Returns string of the shadow filter.
@ -117,12 +121,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- color (string) #optional color of the shadow.
= (string) filter representation
> Usage
| var f = paper.filter(Savage.filter.shadow(0, 2, 3)),
| var f = paper.filter(Snap.filter.shadow(0, 2, 3)),
| c = paper.circle(10, 10, 10).attr({
| filter: f
| });
\*/
Savage.filter.shadow = function (dx, dy, blur, color) {
Snap.filter.shadow = function (dx, dy, blur, color) {
color = color || "#000";
if (blur == null) {
blur = 4;
@ -138,19 +142,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
if (dy == null) {
dy = dx;
}
color = Savage.color(color);
return Savage.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
color = Snap.color(color);
return Snap.format('<feGaussianBlur in="SourceAlpha" stdDeviation="{blur}"/><feOffset dx="{dx}" dy="{dy}" result="offsetblur"/><feFlood flood-color="{color}"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>', {
color: color,
dx: dx,
dy: dy,
blur: blur
});
};
Savage.filter.shadow.toString = function () {
Snap.filter.shadow.toString = function () {
return this();
};
/*\
* Savage.filter.grayscale
* Snap.filter.grayscale
[ method ]
**
* Returns string of the grayscale filter.
@ -158,11 +162,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.grayscale = function (amount) {
Snap.filter.grayscale = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {b} {h} 0 0 0 0 0 1 0"/>', {
a: 0.2126 + 0.7874 * (1 - amount),
b: 0.7152 - 0.7152 * (1 - amount),
c: 0.0722 - 0.0722 * (1 - amount),
@ -173,11 +177,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
h: 0.0722 + 0.9278 * (1 - amount)
});
};
Savage.filter.grayscale.toString = function () {
Snap.filter.grayscale.toString = function () {
return this();
};
/*\
* Savage.filter.sepia
* Snap.filter.sepia
[ method ]
**
* Returns string of the sepia filter.
@ -185,11 +189,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.sepia = function (amount) {
Snap.filter.sepia = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
return Snap.format('<feColorMatrix type="matrix" values="{a} {b} {c} 0 0 {d} {e} {f} 0 0 {g} {h} {i} 0 0 0 0 0 1 0"/>', {
a: 0.393 + 0.607 * (1 - amount),
b: 0.769 - 0.769 * (1 - amount),
c: 0.189 - 0.189 * (1 - amount),
@ -201,11 +205,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
i: 0.131 + 0.869 * (1 - amount)
});
};
Savage.filter.sepia.toString = function () {
Snap.filter.sepia.toString = function () {
return this();
};
/*\
* Savage.filter.saturate
* Snap.filter.saturate
[ method ]
**
* Returns string of the saturate filter.
@ -213,19 +217,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.saturate = function (amount) {
Snap.filter.saturate = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feColorMatrix type="saturate" values="{amount}"/>', {
return Snap.format('<feColorMatrix type="saturate" values="{amount}"/>', {
amount: 1 - amount
});
};
Savage.filter.saturate.toString = function () {
Snap.filter.saturate.toString = function () {
return this();
};
/*\
* Savage.filter.hueRotate
* Snap.filter.hueRotate
[ method ]
**
* Returns string of the hue-rotate filter.
@ -233,17 +237,17 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- angle (number) angle of rotation.
= (string) filter representation
\*/
Savage.filter.hueRotate = function (angle) {
Snap.filter.hueRotate = function (angle) {
angle = angle || 0;
return Savage.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
return Snap.format('<feColorMatrix type="hueRotate" values="{angle}"/>', {
angle: angle
});
};
Savage.filter.hueRotate.toString = function () {
Snap.filter.hueRotate.toString = function () {
return this();
};
/*\
* Savage.filter.invert
* Snap.filter.invert
[ method ]
**
* Returns string of the invert filter.
@ -251,20 +255,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.invert = function (amount) {
Snap.filter.invert = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
return Snap.format('<feComponentTransfer><feFuncR type="table" tableValues="{amount} {amount2}"/><feFuncG type="table" tableValues="{amount} {amount2}"/><feFuncB type="table" tableValues="{amount} {amount2}"/></feComponentTransfer>', {
amount: amount,
amount2: 1 - amount
});
};
Savage.filter.invert.toString = function () {
Snap.filter.invert.toString = function () {
return this();
};
/*\
* Savage.filter.brightness
* Snap.filter.brightness
[ method ]
**
* Returns string of the brightness filter.
@ -272,19 +276,19 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.brightness = function (amount) {
Snap.filter.brightness = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}"/><feFuncG type="linear" slope="{amount}"/><feFuncB type="linear" slope="{amount}"/></feComponentTransfer>', {
amount: amount
});
};
Savage.filter.brightness.toString = function () {
Snap.filter.brightness.toString = function () {
return this();
};
/*\
* Savage.filter.contrast
* Snap.filter.contrast
[ method ]
**
* Returns string of the contrast filter.
@ -292,16 +296,16 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- amount (number) amount of filter (`0..1`).
= (string) filter representation
\*/
Savage.filter.contrast = function (amount) {
Snap.filter.contrast = function (amount) {
if (amount == null) {
amount = 1;
}
return Savage.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
return Snap.format('<feComponentTransfer><feFuncR type="linear" slope="{amount}" intercept="{amount2}"/><feFuncG type="linear" slope="{amount}" intercept="{amount2}"/><feFuncB type="linear" slope="{amount}" intercept="{amount2}"/></feComponentTransfer>', {
amount: amount,
amount2: .5 - amount / 2
});
};
Savage.filter.contrast.toString = function () {
Snap.filter.contrast.toString = function () {
return this();
};
});

34
src/mouse.js
View File

@ -11,7 +11,7 @@
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Savage.plugin(function (Savage, Element, Paper, glob) {
Snap.plugin(function (Snap, Element, Paper, glob) {
var elproto = Element.prototype,
has = "hasOwnProperty",
supportsTouch = "createTouch" in glob.doc,
@ -118,7 +118,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
}
var node = dragi.el.node,
o,
glob = Savage._.glob,
glob = Snap._.glob,
next = node.nextSibling,
parent = node.parentNode,
display = node.style.display;
@ -127,20 +127,20 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
// o = dragi.el.paper.getElementByPoint(x, y);
// node.style.display = display;
// glob.win.opera && (next ? parent.insertBefore(node, next) : parent.appendChild(node));
// o && eve("savage.drag.over." + dragi.el.id, dragi.el, o);
// o && eve("snap.drag.over." + dragi.el.id, dragi.el, o);
x += scrollX;
y += scrollY;
eve("savage.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
eve("snap.drag.move." + dragi.el.id, dragi.move_scope || dragi.el, x - dragi.el._drag.x, y - dragi.el._drag.y, x, y, e);
}
},
dragUp = function (e) {
Savage.unmousemove(dragMove).unmouseup(dragUp);
Snap.unmousemove(dragMove).unmouseup(dragUp);
var i = drag.length,
dragi;
while (i--) {
dragi = drag[i];
dragi.el._drag = {};
eve("savage.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
eve("snap.drag.end." + dragi.el.id, dragi.end_scope || dragi.start_scope || dragi.move_scope || dragi.el, e);
}
drag = [];
};
@ -332,8 +332,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
\*/
for (var i = events.length; i--;) {
(function (eventName) {
Savage[eventName] = elproto[eventName] = function (fn, scope) {
if (Savage.is(fn, "function")) {
Snap[eventName] = elproto[eventName] = function (fn, scope) {
if (Snap.is(fn, "function")) {
this.events = this.events || [];
this.events.push({
name: eventName,
@ -343,7 +343,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
}
return this;
};
Savage["un" + eventName] =
Snap["un" + eventName] =
elproto["un" + eventName] = function (fn) {
var events = this.events || [],
l = events.length;
@ -432,12 +432,12 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
this._drag.x = e.clientX + scrollX;
this._drag.y = e.clientY + scrollY;
this._drag.id = e.identifier;
!drag.length && Savage.mousemove(dragMove).mouseup(dragUp);
!drag.length && Snap.mousemove(dragMove).mouseup(dragUp);
drag.push({el: this, move_scope: move_scope, start_scope: start_scope, end_scope: end_scope});
onstart && eve.on("savage.drag.start." + this.id, onstart);
onmove && eve.on("savage.drag.move." + this.id, onmove);
onend && eve.on("savage.drag.end." + this.id, onend);
eve("savage.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
onstart && eve.on("snap.drag.start." + this.id, onstart);
onmove && eve.on("snap.drag.move." + this.id, onmove);
onend && eve.on("snap.drag.end." + this.id, onend);
eve("snap.drag.start." + this.id, start_scope || move_scope || this, e.clientX + scrollX, e.clientY + scrollY, e);
}
this._drag = {};
draggable.push({el: this, start: start});
@ -452,7 +452,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- f (function) handler for event, first argument would be the element you are dragging over
\*/
// elproto.onDragOver = function (f) {
// f ? eve.on("savage.drag.over." + this.id, f) : eve.unbind("savage.drag.over." + this.id);
// f ? eve.on("snap.drag.over." + this.id, f) : eve.unbind("snap.drag.over." + this.id);
// };
/*\
* Element.undrag
@ -465,9 +465,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
while (i--) if (draggable[i].el == this) {
this.unmousedown(draggable[i].start);
draggable.splice(i, 1);
eve.unbind("savage.drag.*." + this.id);
eve.unbind("snap.drag.*." + this.id);
}
!draggable.length && Savage.unmousemove(dragMove).unmouseup(dragUp);
!draggable.length && Snap.unmousemove(dragMove).unmouseup(dragUp);
return this;
};
});

92
src/path.js
View File

@ -11,10 +11,10 @@
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Savage.plugin(function (Savage, Element, Paper, glob) {
Snap.plugin(function (Snap, Element, Paper, glob) {
var elproto = Element.prototype,
is = Savage.is,
clone = Savage._.clone,
is = Snap.is,
clone = Snap._.clone,
has = "hasOwnProperty",
p2s = /,?([a-z]),?/gi,
toFloat = parseFloat,
@ -89,7 +89,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
function O(val) {
return +(+val).toFixed(3);
}
return Savage._.cacher(function (path, length, onlystart) {
return Snap._.cacher(function (path, length, onlystart) {
if (path instanceof Element) {
path = path.attr("d");
}
@ -144,7 +144,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
subpaths.end = sp;
point = istotal ? len : subpath ? subpaths : findDotsAtSegment(x, y, p[0], p[1], p[2], p[3], p[4], p[5], 1);
return point;
}, null, Savage._.clone);
}, null, Snap._.clone);
}
var getTotalLength = getLengthFactory(1),
getPointAtLength = getLengthFactory(),
@ -178,7 +178,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
};
}
function bezierBBox(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
if (!Savage.is(p1x, "array")) {
if (!Snap.is(p1x, "array")) {
p1x = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
}
var bbox = curveDim.apply(null, p1x);
@ -490,7 +490,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
res.toString = toString;
return res;
}
var unit2px = Savage._unit2px,
var unit2px = Snap._unit2px,
getPath = {
path: function (el) {
return el.attr("path");
@ -530,8 +530,8 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
if (pth.rel) {
return pathClone(pth.rel);
}
if (!Savage.is(pathArray, "array") || !Savage.is(pathArray && pathArray[0], "array")) {
pathArray = Savage.parsePathString(pathArray);
if (!Snap.is(pathArray, "array") || !Snap.is(pathArray && pathArray[0], "array")) {
pathArray = Snap.parsePathString(pathArray);
}
var res = [],
x = 0,
@ -610,7 +610,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
return pathClone(pth.abs);
}
if (!is(pathArray, "array") || !is(pathArray && pathArray[0], "array")) { // rough assumption
pathArray = Savage.parsePathString(pathArray);
pathArray = Snap.parsePathString(pathArray);
}
if (!pathArray || !pathArray.length) {
return [["M", 0, 0]];
@ -751,7 +751,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
rad = PI / 180 * (+angle || 0),
res = [],
xy,
rotate = Savage._.cacher(function (x, y, rad) {
rotate = Snap._.cacher(function (x, y, rad) {
var X = x * math.cos(rad) - y * math.sin(rad),
Y = x * math.sin(rad) + y * math.cos(rad);
return {x: X, y: Y};
@ -1040,10 +1040,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
}
// export
Savage.path = paths;
Snap.path = paths;
/*\
* Savage.path.getTotalLength
* Snap.path.getTotalLength
[ method ]
**
* Returns length of the given path in pixels.
@ -1052,9 +1052,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
**
= (number) length.
\*/
Savage.path.getTotalLength = getTotalLength;
Snap.path.getTotalLength = getTotalLength;
/*\
* Savage.path.getPointAtLength
* Snap.path.getPointAtLength
[ method ]
**
* Return coordinates of the point located at the given length on the given path.
@ -1069,9 +1069,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
o alpha: (number) angle of derivative
o }
\*/
Savage.path.getPointAtLength = getPointAtLength;
Snap.path.getPointAtLength = getPointAtLength;
/*\
* Savage.path.getSubpath
* Snap.path.getSubpath
[ method ]
**
* Return subpath of a given path from given length to given length.
@ -1082,7 +1082,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
**
= (string) pathstring for the segment
\*/
Savage.path.getSubpath = function (path, from, to) {
Snap.path.getSubpath = function (path, from, to) {
if (this.getTotalLength(path) - to < 1e-6) {
return getSubpathsAtLength(path, from).end;
}
@ -1131,11 +1131,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
= (string) pathstring for the segment
\*/
elproto.getSubpath = function (from, to) {
return Savage.path.getSubpath(this.attr("d"), from, to);
return Snap.path.getSubpath(this.attr("d"), from, to);
};
Savage._.box = box;
Snap._.box = box;
/*\
* Savage.path.findDotsAtSegment
* Snap.path.findDotsAtSegment
[ method ]
**
* Utility method
@ -1173,9 +1173,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
o alpha: (number) angle of the curve derivative at the point
o }
\*/
Savage.path.findDotsAtSegment = findDotsAtSegment;
Snap.path.findDotsAtSegment = findDotsAtSegment;
/*\
* Savage.path.bezierBBox
* Snap.path.bezierBBox
[ method ]
**
* Utility method
@ -1203,9 +1203,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
o }
o }
\*/
Savage.path.bezierBBox = bezierBBox;
Snap.path.bezierBBox = bezierBBox;
/*\
* Savage.path.isPointInsideBBox
* Snap.path.isPointInsideBBox
[ method ]
**
* Utility method
@ -1216,9 +1216,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- y (string) y coordinate of the point
= (boolean) `true` if point inside
\*/
Savage.path.isPointInsideBBox = isPointInsideBBox;
Snap.path.isPointInsideBBox = isPointInsideBBox;
/*\
* Savage.path.isBBoxIntersect
* Snap.path.isBBoxIntersect
[ method ]
**
* Utility method
@ -1228,9 +1228,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- bbox2 (string) second bounding box
= (boolean) `true` if they intersect
\*/
Savage.path.isBBoxIntersect = isBBoxIntersect;
Snap.path.isBBoxIntersect = isBBoxIntersect;
/*\
* Savage.path.intersection
* Snap.path.intersection
[ method ]
**
* Utility method
@ -1252,10 +1252,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
o }
o ]
\*/
Savage.path.intersection = pathIntersection;
Savage.path.intersectionNumber = pathIntersectionNumber;
Snap.path.intersection = pathIntersection;
Snap.path.intersectionNumber = pathIntersectionNumber;
/*\
* Savage.path.isPointInside
* Snap.path.isPointInside
[ method ]
**
* Utility method
@ -1266,9 +1266,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- y (number) y of the point
= (boolean) true, if point is inside the path
\*/
Savage.path.isPointInside = isPointInsidePath;
Snap.path.isPointInside = isPointInsidePath;
/*\
* Savage.path.getBBox
* Snap.path.getBBox
[ method ]
**
* Utility method
@ -1285,10 +1285,10 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
o height: (number) height of the box
o }
\*/
Savage.path.getBBox = pathBBox;
Savage.path.get = getPath;
Snap.path.getBBox = pathBBox;
Snap.path.get = getPath;
/*\
* Savage.path.toRelative
* Snap.path.toRelative
[ method ]
**
* Utility method
@ -1297,9 +1297,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- path (string) path string
= (array) path string
\*/
Savage.path.toRelative = pathToRelative;
Snap.path.toRelative = pathToRelative;
/*\
* Savage.path.toAbsolute
* Snap.path.toAbsolute
[ method ]
**
* Utility method
@ -1308,9 +1308,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- path (string) path string
= (array) path string
\*/
Savage.path.toAbsolute = pathToAbsolute;
Snap.path.toAbsolute = pathToAbsolute;
/*\
* Savage.path.toCubic
* Snap.path.toCubic
[ method ]
**
* Utility method
@ -1319,9 +1319,9 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- pathString (string|array) path string or array of segments
= (array) array of segments.
\*/
Savage.path.toCubic = path2curve;
Snap.path.toCubic = path2curve;
/*\
* Savage.path.map
* Snap.path.map
[ method ]
**
* Transform the path string with given matrix.
@ -1329,7 +1329,7 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
- matrix (object) see @Matrix
= (string) transformed path string
\*/
Savage.path.map = mapPath;
Savage.path.toString = toString;
Savage.path.clone = pathClone;
Snap.path.map = mapPath;
Snap.path.toString = toString;
Snap.path.clone = pathClone;
});

6
src/set.js
View File

@ -11,7 +11,7 @@
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Savage.plugin(function (Savage, Element, Paper, glob) {
Snap.plugin(function (Snap, Element, Paper, glob) {
var mmax = Math.max,
mmin = Math.min;
@ -193,11 +193,11 @@ Savage.plugin(function (Savage, Element, Paper, glob) {
return s;
};
setproto.toString = function () {
return "Savage\u2018s set";
return "Snap\u2018s set";
};
setproto.type = "set";
// export
Savage.set = function () {
Snap.set = function () {
var set = new Set;
if (arguments.length) {
set.push.apply(set, Array.prototype.slice.call(arguments, 0));

350
src/svg.js
View File

File diff suppressed because it is too large Load Diff

4
test/attrs.js
View File

@ -1,7 +1,7 @@
describe("Attributes", function () {
var s, r;
beforeEach(function () {
s = Savage(100, 100);
s = Snap(100, 100);
r = s.rect(10, 10, 50, 50);
});
afterEach(function () {
@ -37,7 +37,7 @@ describe("Attributes", function () {
var o = {};
return function () {
function val() {
return Savage.color(r.node.getAttribute(key)).hex;
return Snap.color(r.node.getAttribute(key)).hex;
}
o[key] = "#fc0";
r.attr(o);

68
test/colors.js
View File

@ -1,51 +1,51 @@
describe("Colours", function () {
it("parses hex colour", function () {
expect(Savage.color("#fC0").hex).to.be("#ffcc00");
expect(Snap.color("#fC0").hex).to.be("#ffcc00");
});
it("parses RGB", function () {
var c = Savage.color("rgb(255, 204, 0)");
var c = Snap.color("rgb(255, 204, 0)");
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
expect(c.b).to.be(0);
});
it("parses RGB - %", function () {
var c = Savage.color("rgb(100%, 80%, 0%)");
var c = Snap.color("rgb(100%, 80%, 0%)");
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
expect(c.b).to.be(0);
});
it("parses HSL", function () {
var c = Savage.color("hsl(0.1333, 1, .5)");
var c = Snap.color("hsl(0.1333, 1, .5)");
expect(c.hex).to.be("#ffcc00");
expect(c.h.toFixed(3)).to.be("0.133");
expect(c.s).to.be(1);
expect(c.l).to.be(.5);
});
it("parses HSL - %", function () {
var c = Savage.color("hsl(13.33%, 100%, 50%)");
var c = Snap.color("hsl(13.33%, 100%, 50%)");
expect(c.hex).to.be("#ffcc00");
expect(c.h.toFixed(3)).to.be("0.133");
expect(c.s).to.be(1);
expect(c.l).to.be(.5);
});
it("parses HSB", function () {
var c = Savage.color("hsb(0.1333, 1, 1)");
var c = Snap.color("hsb(0.1333, 1, 1)");
expect(c.hex).to.be("#ffcc00");
expect(c.h.toFixed(3)).to.be("0.133");
expect(c.s).to.be(1);
expect(c.v).to.be(1);
});
it("parses HSB - %", function () {
var c = Savage.color("hsb(13.33%, 100%, 100%)");
var c = Snap.color("hsb(13.33%, 100%, 100%)");
expect(c.hex).to.be("#ffcc00");
expect(c.h.toFixed(3)).to.be("0.133");
expect(c.s).to.be(1);
expect(c.v).to.be(1);
});
it("parses RGBA", function () {
var c = Savage.color("rgba(255, 204, 0, .75)");
var c = Snap.color("rgba(255, 204, 0, .75)");
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
@ -53,7 +53,7 @@ describe("Colours", function () {
expect(c.opacity).to.be(.75);
});
it("parses HSLA", function () {
var c = Savage.color("hsla(0.1333, 1, .5, .5)");
var c = Snap.color("hsla(0.1333, 1, .5, .5)");
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
@ -61,7 +61,7 @@ describe("Colours", function () {
expect(c.opacity).to.be(.5);
});
it("parses HSBA", function () {
var c = Savage.color("hsba(0.1333, 1, 1, .5)");
var c = Snap.color("hsba(0.1333, 1, 1, .5)");
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
@ -69,16 +69,16 @@ describe("Colours", function () {
expect(c.opacity).to.be(.5);
});
it("parses names", function () {
var c = Savage.color("DodgerBlue");
var c = Snap.color("DodgerBlue");
expect(c.hex).to.be("#1e90ff");
c = Savage.color("FireBrick");
c = Snap.color("FireBrick");
expect(c.hex).to.be("#b22222");
c = Savage.color("MintCream");
c = Snap.color("MintCream");
expect(c.hex).to.be("#f5fffa");
});
it("parses to RGB", function() {
var expectRGB = function(str) {
var c = Savage.getRGB(str);
var c = Snap.getRGB(str);
expect(c.hex).to.be("#ffcc00");
expect(c.r).to.be(255);
expect(c.g).to.be(204);
@ -97,81 +97,81 @@ describe("Colours", function () {
expectRGB("rgba(255, 204, 0, .75)");
expectRGB("hsla(0.1333, 1, .5, .5)");
expectRGB("hsba(0.1333, 1, 1, .5)");
var c = Savage.getRGB("DodgerBlue");
var c = Snap.getRGB("DodgerBlue");
expect(c.hex).to.be("#1e90ff");
expect(c.r).to.be(30);
expect(c.g).to.be(144);
expect(c.b).to.be(255);
expect(c.error).to.not.be(true);
c = Savage.getRGB("foobar");
c = Snap.getRGB("foobar");
expect(!!c.error).to.be(true);
c = Savage.getRGB("#zzz");
c = Snap.getRGB("#zzz");
expect(!!c.error).to.be(true);
c = Savage.getRGB("rgb(255)");
c = Snap.getRGB("rgb(255)");
expect(!!c.error).to.be(true);
c = Savage.getRGB("hsl(0, 0, 0");
c = Snap.getRGB("hsl(0, 0, 0");
expect(!!c.error).to.be(true);
c = Savage.getRGB("rab(0, 0, 0)");
c = Snap.getRGB("rab(0, 0, 0)");
expect(!!c.error).to.be(true);
});
it("creates hsb", function() {
var str = Savage.hsb(0.13333, 1, 1);
var str = Snap.hsb(0.13333, 1, 1);
expect(str).to.be("#ffcc00");
str = Savage.hsb(0, 0.5, 0.5);
str = Snap.hsb(0, 0.5, 0.5);
expect(str).to.be("#804040");
});
it("creates rgb from hsb", function() {
var rgb = Savage.hsb2rgb(0.13333, 1, 1);
var rgb = Snap.hsb2rgb(0.13333, 1, 1);
expect(rgb.r).to.be(255);
expect(rgb.g).to.be(204);
expect(rgb.b).to.be(0);
expect(rgb.hex).to.be("#ffcc00");
rgb = Savage.hsb2rgb(0, 0.5, 0.5);
rgb = Snap.hsb2rgb(0, 0.5, 0.5);
expect(rgb.r).to.be(128);
expect(rgb.g).to.be(64);
expect(rgb.b).to.be(64);
expect(rgb.hex).to.be("#804040");
});
it("creates hsl", function() {
var str = Savage.hsl(0.13333, 1, 0.5);
var str = Snap.hsl(0.13333, 1, 0.5);
expect(str).to.be("#ffcc00");
str = Savage.hsl(0, 1, 0.75);
str = Snap.hsl(0, 1, 0.75);
expect(str).to.be("#ff8080");
});
it("creates rgb from hsl", function() {
var rgb = Savage.hsl2rgb(0.13333, 1, 0.5);
var rgb = Snap.hsl2rgb(0.13333, 1, 0.5);
expect(rgb.r).to.be(255);
expect(rgb.g).to.be(204);
expect(rgb.b).to.be(0);
expect(rgb.hex).to.be("#ffcc00");
rgb = Savage.hsl2rgb(0, 1, 0.75);
rgb = Snap.hsl2rgb(0, 1, 0.75);
expect(rgb.r).to.be(255);
expect(rgb.g).to.be(128);
expect(rgb.b).to.be(128);
expect(rgb.hex).to.be("#ff8080");
});
it("creates rgb", function() {
var str = Savage.rgb(255, 204, 0);
var str = Snap.rgb(255, 204, 0);
expect(str).to.be("#ffcc00");
str = Savage.rgb(64, 128, 255);
str = Snap.rgb(64, 128, 255);
expect(str).to.be("#4080ff");
});
it("creates hsb from rgb", function() {
var hsb = Savage.rgb2hsb(255, 204, 0);
var hsb = Snap.rgb2hsb(255, 204, 0);
expect(hsb.h.toFixed(3)).to.be("0.133");
expect(hsb.s).to.be(1);
expect(hsb.b).to.be(1);
hsb = Savage.rgb2hsb(128, 64, 64);
hsb = Snap.rgb2hsb(128, 64, 64);
expect(hsb.h).to.be(0);
expect(hsb.s.toFixed(1)).to.be("0.5");
expect(hsb.b.toFixed(1)).to.be("0.5");
});
it("creates hsl from rgb", function() {
var hsl = Savage.rgb2hsl(255, 204, 0);
var hsl = Snap.rgb2hsl(255, 204, 0);
expect(hsl.h.toFixed(3)).to.be("0.133");
expect(hsl.s).to.be(1);
expect(hsl.l).to.be(0.5);
hsl = Savage.rgb2hsl(255, 128, 128);
hsl = Snap.rgb2hsl(255, 128, 128);
expect(hsl.h).to.be(0);
expect(hsl.s).to.be(1);
expect(hsl.l.toFixed(2)).to.be("0.75");

6
test/element.js
View File

@ -1,7 +1,7 @@
describe("Element methods", function () {
var s;
beforeEach(function () {
s = Savage(100, 100);
s = Snap(100, 100);
});
afterEach(function () {
s.remove();
@ -29,7 +29,7 @@ describe("Element methods", function () {
it("Element.add (for Set)", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2);
var set = Snap.set(rect1, rect2);
var result = s.add(set);
expect(rect1.node.parentNode).to.be(s.node);
expect(rect2.node.parentNode).to.be(s.node);
@ -45,7 +45,7 @@ describe("Element methods", function () {
it("Element.append (for Set)", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2);
var set = Snap.set(rect1, rect2);
var result = s.append(set);
expect(rect1.node.parentNode).to.be(s.node);
expect(rect2.node.parentNode).to.be(s.node);

78
test/filter.js
View File

@ -1,81 +1,81 @@
describe("Filter methods", function () {
it("Savage.filter.blur", function() {
var str = Savage.filter.blur(3);
it("Snap.filter.blur", function() {
var str = Snap.filter.blur(3);
expect(str).to.be('<feGaussianBlur stdDeviation="3"/>');
str = Savage.filter.blur(0.123, 8);
str = Snap.filter.blur(0.123, 8);
expect(str).to.be('<feGaussianBlur stdDeviation="0.123,8"/>');
});
it("Savage.filter.brightness", function() {
var str = Savage.filter.brightness(0.3);
it("Snap.filter.brightness", function() {
var str = Snap.filter.brightness(0.3);
expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="0.3"/><feFuncG type="linear" slope="0.3"/><feFuncB type="linear" slope="0.3"/></feComponentTransfer>');
str = Savage.filter.brightness(1);
str = Snap.filter.brightness(1);
expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="1"/><feFuncG type="linear" slope="1"/><feFuncB type="linear" slope="1"/></feComponentTransfer>');
});
it("Savage.filter.contrast", function() {
var str = Savage.filter.contrast(0.1);
it("Snap.filter.contrast", function() {
var str = Snap.filter.contrast(0.1);
expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="0.1" intercept="0.45"/><feFuncG type="linear" slope="0.1" intercept="0.45"/><feFuncB type="linear" slope="0.1" intercept="0.45"/></feComponentTransfer>');
str = Savage.filter.contrast(3);
str = Snap.filter.contrast(3);
expect(str).to.be('<feComponentTransfer><feFuncR type="linear" slope="3" intercept="-1"/><feFuncG type="linear" slope="3" intercept="-1"/><feFuncB type="linear" slope="3" intercept="-1"/></feComponentTransfer>');
});
it("Savage.filter.grayscale", function() {
var str = Savage.filter.grayscale(0.5);
it("Snap.filter.grayscale", function() {
var str = Snap.filter.grayscale(0.5);
expect(str).to.be('<feColorMatrix type="matrix" values="0.6063000000000001 0.3576 0.0361 0 0 0.1063 0.8575999999999999 0.0361 0 0 0.1063 0.3576 0.5361 0 0 0 0 0 1 0"/>');
str = Savage.filter.grayscale(1);
str = Snap.filter.grayscale(1);
expect(str).to.be('<feColorMatrix type="matrix" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0"/>');
});
it("Savage.filter.hueRotate", function() {
var str = Savage.filter.hueRotate(180);
it("Snap.filter.hueRotate", function() {
var str = Snap.filter.hueRotate(180);
expect(str).to.be('<feColorMatrix type="hueRotate" values="180"/>');
str = Savage.filter.hueRotate(90);
str = Snap.filter.hueRotate(90);
expect(str).to.be('<feColorMatrix type="hueRotate" values="90"/>');
});
it("Savage.filter.hueRotate", function() {
var str = Savage.filter.hueRotate(180);
it("Snap.filter.hueRotate", function() {
var str = Snap.filter.hueRotate(180);
expect(str).to.be('<feColorMatrix type="hueRotate" values="180"/>');
str = Savage.filter.hueRotate(90);
str = Snap.filter.hueRotate(90);
expect(str).to.be('<feColorMatrix type="hueRotate" values="90"/>');
});
it("Savage.filter.invert", function() {
var str = Savage.filter.invert(0.6);
it("Snap.filter.invert", function() {
var str = Snap.filter.invert(0.6);
expect(str).to.be('<feComponentTransfer><feFuncR type="table" tableValues="0.6 0.4"/><feFuncG type="table" tableValues="0.6 0.4"/><feFuncB type="table" tableValues="0.6 0.4"/></feComponentTransfer>');
str = Savage.filter.invert(1);
str = Snap.filter.invert(1);
expect(str).to.be('<feComponentTransfer><feFuncR type="table" tableValues="1 0"/><feFuncG type="table" tableValues="1 0"/><feFuncB type="table" tableValues="1 0"/></feComponentTransfer>');
});
it("Savage.filter.saturate", function() {
var str = Savage.filter.saturate(0.3);
it("Snap.filter.saturate", function() {
var str = Snap.filter.saturate(0.3);
expect(str).to.be('<feColorMatrix type="saturate" values="0.7"/>');
str = Savage.filter.saturate(1);
str = Snap.filter.saturate(1);
expect(str).to.be('<feColorMatrix type="saturate" values="0"/>');
});
it("Savage.filter.sepia", function() {
var str = Savage.filter.sepia(0.3);
it("Snap.filter.sepia", function() {
var str = Snap.filter.sepia(0.3);
expect(str).to.be('<feColorMatrix type="matrix" values="0.8179 0.23070000000000002 0.0567 0 0 0.10470000000000002 0.9058 0.050400000000000014 0 0 0.0816 0.1602 0.7393 0 0 0 0 0 1 0"/>');
str = Savage.filter.sepia(1);
str = Snap.filter.sepia(1);
expect(str).to.be('<feColorMatrix type="matrix" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0"/>');
});
it("Savage.filter.shadow - dx & dy", function() {
var str = Savage.filter.shadow(5, 5);
it("Snap.filter.shadow - dx & dy", function() {
var str = Snap.filter.shadow(5, 5);
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
str = Savage.filter.shadow(-1, 3);
str = Snap.filter.shadow(-1, 3);
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
});
it("Savage.filter.shadow - dx & dy, blur", function() {
var str = Savage.filter.shadow(5, 5, 5);
it("Snap.filter.shadow - dx & dy, blur", function() {
var str = Snap.filter.shadow(5, 5, 5);
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
str = Savage.filter.shadow(-1, 3, 10);
str = Snap.filter.shadow(-1, 3, 10);
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="10"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="#000000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
});
it("Savage.filter.shadow - dx & dy, color", function() {
var str = Savage.filter.shadow(5, 5, '#F00');
it("Snap.filter.shadow - dx & dy, color", function() {
var str = Snap.filter.shadow(5, 5, '#F00');
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#ff0000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
str = Savage.filter.shadow(-1, 3, 'hsla(128deg, 50%, 50%, 0.8)');
str = Snap.filter.shadow(-1, 3, 'hsla(128deg, 50%, 50%, 0.8)');
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="4"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="rgba(64,191,81,0.8)"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
});
it("Savage.filter.shadow - dx & dy, blur & color", function() {
var str = Savage.filter.shadow(5, 5, 5, '#F00');
it("Snap.filter.shadow - dx & dy, blur & color", function() {
var str = Snap.filter.shadow(5, 5, 5, '#F00');
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="5"/><feOffset dx="5" dy="5" result="offsetblur"/><feFlood flood-color="#ff0000"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
str = Savage.filter.shadow(-1, 3, 10, 'hsla(128deg, 50%, 50%, 0.8)');
str = Snap.filter.shadow(-1, 3, 10, 'hsla(128deg, 50%, 50%, 0.8)');
expect(str).to.be('<feGaussianBlur in="SourceAlpha" stdDeviation="10"/><feOffset dx="-1" dy="3" result="offsetblur"/><feFlood flood-color="rgba(64,191,81,0.8)"/><feComposite in2="offsetblur" operator="in"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>');
});

36
test/matrix.js
View File

@ -1,7 +1,7 @@
describe("Matrix methods", function () {
it("Matrix.add - matrix", function() {
var matrix1 = new Savage.Matrix(1, 0, 0, 1, 5, 5);
var matrix2 = new Savage.Matrix(1, 0, 0, 1, 10, 10);
var matrix1 = new Snap.Matrix(1, 0, 0, 1, 5, 5);
var matrix2 = new Snap.Matrix(1, 0, 0, 1, 10, 10);
var result = matrix1.add(matrix2);
expect(result).to.eql({
a: 1,
@ -12,8 +12,8 @@ describe("Matrix methods", function () {
f: 15
});
// add two 90 degree rotations
var matrix3 = new Savage.Matrix(0, 1, -1, 0, 0, 0);
var matrix4 = new Savage.Matrix(0, 1, -1, 0, 0, 0);
var matrix3 = new Snap.Matrix(0, 1, -1, 0, 0, 0);
var matrix4 = new Snap.Matrix(0, 1, -1, 0, 0, 0);
result = matrix3.add(matrix4);
expect(result).to.eql({
a: -1,
@ -25,7 +25,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.add - numbers", function() {
var matrix1 = new Savage.Matrix(1, 0, 0, 1, 5, 5);
var matrix1 = new Snap.Matrix(1, 0, 0, 1, 5, 5);
var result = matrix1.add(1, 0, 0, 1, 10, 10);
expect(result).to.eql({
a: 1,
@ -37,7 +37,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.clone", function() {
var matrix1 = new Savage.Matrix(1, 2, 3, 4, 5, 6);
var matrix1 = new Snap.Matrix(1, 2, 3, 4, 5, 6);
var clone = matrix1.clone();
expect(clone).to.not.be(matrix1);
expect(clone).to.eql({
@ -50,7 +50,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.invert", function() {
var matrix1 = new Savage.Matrix(1, 2, 3, 4, 5, 6);
var matrix1 = new Snap.Matrix(1, 2, 3, 4, 5, 6);
var inverse = matrix1.invert();
expect(inverse).to.eql({
a: -2,
@ -62,7 +62,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.rotate", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 0, 0);
var matrix = new Snap.Matrix(1, 0, 0, 1, 0, 0);
matrix.rotate(45, 0, 0);
expect(+matrix.a.toFixed(3)).to.be(0.707);
expect(+matrix.b.toFixed(3)).to.be(0.707);
@ -72,7 +72,7 @@ describe("Matrix methods", function () {
expect(+matrix.f.toFixed(3)).to.be(0);
});
it("Matrix.scale - x", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
matrix.scale(2);
expect(matrix).to.eql({
a: 2,
@ -93,7 +93,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.scale - x, y", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
matrix.scale(2, 3);
expect(matrix).to.eql({
a: 2,
@ -114,7 +114,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.scale - x, y, cx, cy", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
matrix.scale(2, 3, 5, -5);
expect(matrix).to.eql({
a: 2,
@ -126,7 +126,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.split", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 0, 0);
var matrix = new Snap.Matrix(1, 0, 0, 1, 0, 0);
var result = matrix.split();
expect(result.dx).to.be(0);
expect(result.dy).to.be(0);
@ -136,7 +136,7 @@ describe("Matrix methods", function () {
expect(result.rotate).to.be(0);
expect(result.isSimple).to.be(true);
matrix = new Savage.Matrix(1.5, 0, 0, 0.5, 20, 25);
matrix = new Snap.Matrix(1.5, 0, 0, 0.5, 20, 25);
result = matrix.split();
expect(result.dx).to.be(20);
expect(result.dy).to.be(25);
@ -147,9 +147,9 @@ describe("Matrix methods", function () {
expect(result.isSimple).to.be(true);
});
it("Matrix.toTransformString", function() {
var matrix = new Savage.Matrix(1.5, 0, 0, 0.5, 20, 25);
var matrix = new Snap.Matrix(1.5, 0, 0, 0.5, 20, 25);
var str = matrix.toTransformString();
var s = Savage(10, 10);
var s = Snap(10, 10);
var rect = s.rect(0, 0, 10, 20);
rect.transform(str);
var transform = rect.transform();
@ -163,7 +163,7 @@ describe("Matrix methods", function () {
});
});
it("Matrix.translate", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
matrix.translate(10, -10);
expect(matrix).to.eql({
a: 1,
@ -184,12 +184,12 @@ describe("Matrix methods", function () {
});
});
it("Matrix.x", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
var result = matrix.x(10, -10);
expect(result).to.be(30);
});
it("Matrix.y", function() {
var matrix = new Savage.Matrix(1, 0, 0, 1, 20, 30);
var matrix = new Snap.Matrix(1, 0, 0, 1, 20, 30);
var result = matrix.y(10, -10);
expect(result).to.be(20);
});

2
test/mina.js
View File

@ -1,7 +1,7 @@
describe("Mina methods", function () {
var s;
beforeEach(function () {
s = Savage(100, 100);
s = Snap(100, 100);
});
afterEach(function () {
s.remove();

12
test/paper.js
View File

@ -1,6 +1,6 @@
describe("Check for Paper Creation", function () {
it("creates simple paper 20 × 10", function () {
var s = Savage(20, 10);
var s = Snap(20, 10);
var S = s.node;
expect(S).to.not.be(null);
expect(S.getAttribute("width")).to.be("20");
@ -8,7 +8,7 @@ describe("Check for Paper Creation", function () {
s.remove();
});
it("removal of paper", function () {
var s = Savage(20, 10);
var s = Snap(20, 10);
var S = s.node;
expect(S).to.not.be(null);
s.remove();
@ -16,7 +16,7 @@ describe("Check for Paper Creation", function () {
expect(S).to.be(1);
});
it("creates simple paper 20% × 10em", function () {
var s = Savage("20%", "10em");
var s = Snap("20%", "10em");
var S = s.node;
expect(S).to.not.be(null);
expect(S.getAttribute("width")).to.be("20%");
@ -25,7 +25,7 @@ describe("Check for Paper Creation", function () {
});
it("converts existing SVG element to paper", function () {
var S = document.getElementById("svgroot");
var s = Savage(S);
var s = Snap(S);
expect(document.querySelector("#svgroot circle")).to.be(null);
var c = s.circle(10, 20, 5);
expect(document.querySelectorAll("#svgroot circle").length).to.be(1);
@ -33,7 +33,7 @@ describe("Check for Paper Creation", function () {
});
it("converts existing SVG element to paper (as query)", function () {
var S = document.getElementById("svgroot");
var s = Savage("#svgroot");
var s = Snap("#svgroot");
expect(document.querySelector("#svgroot circle")).to.be(null);
var c = s.circle(10, 20, 5);
expect(document.querySelectorAll("#svgroot circle").length).to.be(1);
@ -51,7 +51,7 @@ describe("Paper methods", function () {
*/
var paper;
beforeEach(function () {
paper = Savage(100, 100);
paper = Snap(100, 100);
});
afterEach(function () {
paper.remove();

128
test/path.js
View File

@ -1,9 +1,9 @@
describe("Path methods", function () {
it("Savage.path.getTotalLength", function () {
expect(+Savage.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
it("Snap.path.getTotalLength", function () {
expect(+Snap.path.getTotalLength("M0,0 100,0").toFixed(2)).to.be(100);
});
it("Savage.path.getPointAtLength", function () {
expect(Savage.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
it("Snap.path.getPointAtLength", function () {
expect(Snap.path.getPointAtLength("M0,0 100,0", 50)).to.eql({
x: 50,
y: 0,
m: {
@ -25,13 +25,13 @@ describe("Path methods", function () {
alpha: 180
});
});
it("Savage.path.getSubpath", function () {
expect(Savage.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
expect(Savage.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
expect(Savage.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
it("Snap.path.getSubpath", function () {
expect(Snap.path.getSubpath("M0,0 100,0", 10, 90)).to.be("M9.995,0C29.153,0,70.839,0,90,0");
expect(Snap.path.getSubpath("M0,0 100,0", 0, 90)).to.be("M0,0C0,0,64.674,0,90,0");
expect(Snap.path.getSubpath("M0,0 100,0", 10, 120)).to.be("M10,0C35.326,0,100,0,100,0");
});
it("Savage.path.findDotsAtSegment", function () {
expect(Savage.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
it("Snap.path.findDotsAtSegment", function () {
expect(Snap.path.findDotsAtSegment(0,0,0,0,100,0,100,0,.5)).to.eql({
x: 50,
y: 0,
m: {
@ -53,8 +53,8 @@ describe("Path methods", function () {
alpha: 180
});
});
it("Savage.path.bezierBBox - params", function () {
var bbox = Savage.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
it("Snap.path.bezierBBox - params", function () {
var bbox = Snap.path.bezierBBox(10, 10, 10, 20, 110, 0, 110, 10);
expect(bbox.cx).to.be(60);
expect(bbox.cy).to.be(10);
expect(bbox.x).to.be(10);
@ -62,8 +62,8 @@ describe("Path methods", function () {
expect(bbox.width).to.be(100);
expect(bbox.x2).to.be(110);
});
it("Savage.path.bezierBBox - array", function () {
var bbox = Savage.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
it("Snap.path.bezierBBox - array", function () {
var bbox = Snap.path.bezierBBox([10, 10, 10, 20, 110, 0, 110, 10]);
expect(bbox.cx).to.be(60);
expect(bbox.cy).to.be(10);
expect(bbox.x).to.be(10);
@ -71,9 +71,9 @@ describe("Path methods", function () {
expect(bbox.width).to.be(100);
expect(bbox.x2).to.be(110);
});
it("Savage.path.getBBox", function() {
it("Snap.path.getBBox", function() {
// same as 10,20,30,40 rect
var bbox = Savage.path.getBBox("M10,20h30v40h-30z");
var bbox = Snap.path.getBBox("M10,20h30v40h-30z");
expect(bbox.x).to.eql(10);
expect(bbox.y).to.eql(20);
expect(bbox.width).to.eql(30);
@ -81,13 +81,13 @@ describe("Path methods", function () {
expect(bbox.x2).to.eql(10 + 30);
expect(bbox.y2).to.eql(20 + 40);
});
it("Savage.path.isPointInsideBBox", function () {
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
expect(Savage.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
it("Snap.path.isPointInsideBBox", function () {
expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 5, 5)).to.be(true);
expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 5)).to.be(true);
expect(Snap.path.isPointInsideBBox({x: 0, y: 0, width: 10, height: 10}, 10, 10)).to.be(true);
});
it("Savage.path.isBBoxIntersect", function () {
expect(Savage.path.isBBoxIntersect({
it("Snap.path.isBBoxIntersect", function () {
expect(Snap.path.isBBoxIntersect({
x: 0,
y: 0,
width: 10,
@ -98,7 +98,7 @@ describe("Path methods", function () {
width: 15,
height: 15
})).to.be(true);
expect(Savage.path.isBBoxIntersect({
expect(Snap.path.isBBoxIntersect({
x: 0,
y: 0,
width: 10,
@ -109,7 +109,7 @@ describe("Path methods", function () {
width: 7,
height: 7
})).to.be(true);
expect(Savage.path.isBBoxIntersect({
expect(Snap.path.isBBoxIntersect({
x: 0,
y: 0,
width: 10,
@ -121,7 +121,7 @@ describe("Path methods", function () {
height: 10
})).to.be(false);
});
it("Savage.path.toAbsolute", function() {
it("Snap.path.toAbsolute", function() {
var relPath = "M 10 10" +
"h 40" +
"v 30" +
@ -143,7 +143,7 @@ describe("Path methods", function () {
"t 20 0" +
"m -40 30" +
"a 10 10 0 0 0 40 0";
var absPath = Savage.path.toAbsolute(relPath);
var absPath = Snap.path.toAbsolute(relPath);
var i = 0;
var checkNext = function(arr) {
expect(absPath[i++]).to.eql(arr);
@ -170,7 +170,7 @@ describe("Path methods", function () {
checkNext(['M', 80, 80]);
checkNext(['A', 10, 10, 0, 0, 0, 120, 80]);
});
it("Savage.path.toRelative", function() {
it("Snap.path.toRelative", function() {
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
"M10 50 L 40 50 L 40 90 L 10 90" +
"M10 100 C 30 120, 50 120, 50 100" +
@ -178,7 +178,7 @@ describe("Path methods", function () {
"M80 10 Q 110 40, 140 10" +
"M80 50 Q 90 70, 100 50 T 120 50" +
"M80 80 A 10 10 0 0 0 120 80";
var relPath = Savage.path.toRelative(absPath);
var relPath = Snap.path.toRelative(absPath);
var i = 0;
var checkNext = function(arr) {
expect(relPath[i++]).to.eql(arr);
@ -206,7 +206,7 @@ describe("Path methods", function () {
checkNext(['m', -40, 30]);
checkNext(['a', 10, 10, 0, 0, 0, 40, 0]);
});
it("Savage.path.toCubic", function() {
it("Snap.path.toCubic", function() {
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
"M10 50 L 40 50 L 40 90 L 10 90" +
"M10 100 C 30 120, 50 120, 50 100" +
@ -235,8 +235,8 @@ describe("Path methods", function () {
"t 20 0" +
"m -40 30" +
"a 10 10 0 0 0 40 0";
var cubicPathFromAbs = Savage.path.toCubic(absPath);
var cubicPathFromRel = Savage.path.toCubic(relPath);
var cubicPathFromAbs = Snap.path.toCubic(absPath);
var cubicPathFromRel = Snap.path.toCubic(relPath);
var i = 0;
var checkNext = function(arr) {
expect(cubicPathFromAbs[i]).to.eql(arr);
@ -268,7 +268,7 @@ describe("Path methods", function () {
checkNext(['C', 116.18802153517007, 93.74785217660714, 120, 87.14531179816328, 120, 80]);
});
it("Savage.path.map", function() {
it("Snap.path.map", function() {
var absPath = "M10 10 H 50 V 40 H 10 L 10 10" +
"M10 50 L 40 50 L 40 90 L 10 90" +
"M10 100 C 30 120, 50 120, 50 100" +
@ -276,8 +276,8 @@ describe("Path methods", function () {
"M80 10 Q 110 40, 140 10" +
"M80 50 Q 90 70, 100 50 T 120 50" +
"M80 80 A 10 10 0 0 0 120 80";
var matrix = new Savage.Matrix(1, 0, 0, 1, 1000, 0);
var transformedPath = Savage.path.map(absPath, matrix);
var matrix = new Snap.Matrix(1, 0, 0, 1, 1000, 0);
var transformedPath = Snap.path.map(absPath, matrix);
var i = 0;
var checkNext = function(arr) {
@ -306,7 +306,7 @@ describe("Path methods", function () {
checkNext(['C', 1080, 95.39600717839002, 1096.66666666666667, 105.01851166488379, 1110, 97.32050807568878]);
checkNext(['C', 1116.18802153517007, 93.74785217660714, 1120, 87.14531179816328, 1120, 80]);
});
it("Savage.path.isPointInside", function () {
it("Snap.path.isPointInside", function () {
var path = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
"M10 50 L 40 50 L 40 90 L 10 90 Z" +
"M10 100 C 30 120, 50 120, 50 100 Z" +
@ -315,37 +315,37 @@ describe("Path methods", function () {
"M80 50 Q 90 70, 100 50 T 120 50 Z" +
"M80 80 A 10 10 0 0 0 120 80 Z";
expect(Savage.path.isPointInside(path, 15, 35)).to.be(true);
expect(Savage.path.isPointInside(path, 35, 75)).to.be(true);
expect(Savage.path.isPointInside(path, 15, 102)).to.be(true);
expect(Savage.path.isPointInside(path, 15, 135)).to.be(true);
expect(Savage.path.isPointInside(path, 50, 145)).to.be(true);
expect(Savage.path.isPointInside(path, 130, 15)).to.be(true);
expect(Savage.path.isPointInside(path, 110, 45)).to.be(true);
expect(Savage.path.isPointInside(path, 85, 55)).to.be(true);
expect(Savage.path.isPointInside(path, 115, 82)).to.be(true);
expect(Savage.path.isPointInside(path, 95, 98)).to.be(true);
expect(Snap.path.isPointInside(path, 15, 35)).to.be(true);
expect(Snap.path.isPointInside(path, 35, 75)).to.be(true);
expect(Snap.path.isPointInside(path, 15, 102)).to.be(true);
expect(Snap.path.isPointInside(path, 15, 135)).to.be(true);
expect(Snap.path.isPointInside(path, 50, 145)).to.be(true);
expect(Snap.path.isPointInside(path, 130, 15)).to.be(true);
expect(Snap.path.isPointInside(path, 110, 45)).to.be(true);
expect(Snap.path.isPointInside(path, 85, 55)).to.be(true);
expect(Snap.path.isPointInside(path, 115, 82)).to.be(true);
expect(Snap.path.isPointInside(path, 95, 98)).to.be(true);
expect(Savage.path.isPointInside(path, 5, 5)).to.be(false);
expect(Savage.path.isPointInside(path, 25, 48)).to.be(false);
expect(Savage.path.isPointInside(path, 42, 87)).to.be(false);
expect(Savage.path.isPointInside(path, 12, 105)).to.be(false);
expect(Savage.path.isPointInside(path, 47, 113)).to.be(false);
expect(Savage.path.isPointInside(path, 47, 135)).to.be(false);
expect(Savage.path.isPointInside(path, 25, 142)).to.be(false);
expect(Savage.path.isPointInside(path, 15, 125)).to.be(false);
expect(Savage.path.isPointInside(path, 43, 152)).to.be(false);
expect(Savage.path.isPointInside(path, 58, 152)).to.be(false);
expect(Savage.path.isPointInside(path, 90, 21)).to.be(false);
expect(Savage.path.isPointInside(path, 130, 21)).to.be(false);
expect(Savage.path.isPointInside(path, 95, 48)).to.be(false);
expect(Savage.path.isPointInside(path, 110, 55)).to.be(false);
expect(Savage.path.isPointInside(path, 100, 70)).to.be(false);
expect(Savage.path.isPointInside(path, 115, 96)).to.be(false);
expect(Savage.path.isPointInside(path, 85, 96)).to.be(false);
expect(Snap.path.isPointInside(path, 5, 5)).to.be(false);
expect(Snap.path.isPointInside(path, 25, 48)).to.be(false);
expect(Snap.path.isPointInside(path, 42, 87)).to.be(false);
expect(Snap.path.isPointInside(path, 12, 105)).to.be(false);
expect(Snap.path.isPointInside(path, 47, 113)).to.be(false);
expect(Snap.path.isPointInside(path, 47, 135)).to.be(false);
expect(Snap.path.isPointInside(path, 25, 142)).to.be(false);
expect(Snap.path.isPointInside(path, 15, 125)).to.be(false);
expect(Snap.path.isPointInside(path, 43, 152)).to.be(false);
expect(Snap.path.isPointInside(path, 58, 152)).to.be(false);
expect(Snap.path.isPointInside(path, 90, 21)).to.be(false);
expect(Snap.path.isPointInside(path, 130, 21)).to.be(false);
expect(Snap.path.isPointInside(path, 95, 48)).to.be(false);
expect(Snap.path.isPointInside(path, 110, 55)).to.be(false);
expect(Snap.path.isPointInside(path, 100, 70)).to.be(false);
expect(Snap.path.isPointInside(path, 115, 96)).to.be(false);
expect(Snap.path.isPointInside(path, 85, 96)).to.be(false);
});
it("Savage.path.intersection", function () {
it("Snap.path.intersection", function () {
var path1 = "M10 10 H 50 V 40 H 10 L 10 10 Z" +
"M10 50 L 40 50 L 40 90 L 10 90 Z" +
"M10 100 C 30 120, 50 120, 50 100 Z" +
@ -354,7 +354,7 @@ describe("Path methods", function () {
"M80 50 Q 90 70, 100 50 T 120 50 Z" +
"M80 80 A 10 10 0 0 0 120 80 Z";
var path2 = "M10,0 L80,200 L20, 200 L30, 0 L110, 15 L90, 150";
var intersection = Savage.path.intersection(path1, path2);
var intersection = Snap.path.intersection(path1, path2);
expect(intersection.length).to.be(22);
var first = intersection[0];
expect(first.x).to.be.a('number');

2
test/primitives.js
View File

@ -1,7 +1,7 @@
describe("Primitives creation", function () {
var s;
beforeEach(function () {
s = Savage(100, 100);
s = Snap(100, 100);
});
afterEach(function () {
s.remove();

16
test/set.js
View File

@ -1,7 +1,7 @@
describe("Set methods", function () {
var s;
beforeEach(function () {
s = Savage(100, 100);
s = Snap(100, 100);
});
afterEach(function () {
s.remove();
@ -9,7 +9,7 @@ describe("Set methods", function () {
it("Set.clear", function() {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2);
var set = Snap.set(rect1, rect2);
expect(set.length).to.be(2);
set.clear();
expect(set.length).to.be(0);
@ -18,7 +18,7 @@ describe("Set methods", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2, rect3);
var set = Snap.set(rect1, rect2, rect3);
expect(set.length).to.be(3);
var excluded = set.exclude(rect2);
expect(set.length).to.be(2);
@ -31,7 +31,7 @@ describe("Set methods", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2, rect3);
var set = Snap.set(rect1, rect2, rect3);
var i = 0;
var arr = [rect1, rect2, rect3];
var result = set.forEach(function(item) {
@ -46,7 +46,7 @@ describe("Set methods", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2, rect3);
var set = Snap.set(rect1, rect2, rect3);
expect(set.length).to.be(3);
var result = set.pop();
expect(set.length).to.be(2);
@ -62,7 +62,7 @@ describe("Set methods", function () {
var rect1 = s.rect(10, 20, 30, 40);
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2);
var set = Snap.set(rect1, rect2);
expect(set.length).to.be(2);
set.push(rect3);
expect(set.length).to.be(3);
@ -75,7 +75,7 @@ describe("Set methods", function () {
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var rect4 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2, rect3, rect4);
var set = Snap.set(rect1, rect2, rect3, rect4);
var removedSet = set.splice(1, 2);
expect(set.length).to.be(2);
expect(set[0]).to.be(rect1);
@ -92,7 +92,7 @@ describe("Set methods", function () {
var rect2 = s.rect(10, 20, 30, 40);
var rect3 = s.rect(10, 20, 30, 40);
var rect4 = s.rect(10, 20, 30, 40);
var set = Savage.set(rect1, rect2, rect3);
var set = Snap.set(rect1, rect2, rect3);
var removedSet = set.splice(2, 1, rect4);
expect(set.length).to.be(3);
expect(set[0]).to.be(rect1);

270
test/savage-tests.js → test/snap-tests.js
View File

@ -1,6 +1,6 @@
describe("Savage methods", function () {
it("Savage.Matrix - six params", function () {
var matrix = new Savage.Matrix(1, 2, 3, 4, 5, 6);
describe("Snap methods", function () {
it("Snap.Matrix - six params", function () {
var matrix = new Snap.Matrix(1, 2, 3, 4, 5, 6);
expect(matrix).to.eql({
a: 1,
b: 2,
@ -10,9 +10,9 @@ describe("Savage methods", function () {
f: 6
});
});
it("Savage.Matrix - SVGMatrix param", function () {
var svgMatrix = new Savage(10, 10).node.createSVGMatrix();
var matrix = new Savage.Matrix(svgMatrix);
it("Snap.Matrix - SVGMatrix param", function () {
var svgMatrix = new Snap(10, 10).node.createSVGMatrix();
var matrix = new Snap.Matrix(svgMatrix);
expect(matrix).to.eql({
a: 1,
b: 0,
@ -22,8 +22,8 @@ describe("Savage methods", function () {
f: 0
});
});
it("Savage.ajax - no postData", function(done) {
var xhr = Savage.ajax('./res/file-for-ajax.txt', function(xhr) {
it("Snap.ajax - no postData", function(done) {
var xhr = Snap.ajax('./res/file-for-ajax.txt', function(xhr) {
var responseText = xhr.responseText;
expect(responseText).to.be('success');
expect(this.isContext).to.be(true);
@ -31,8 +31,8 @@ describe("Savage methods", function () {
}, {'isContext': true});
expect(xhr).to.be.an('object');
});
it("Savage.ajax - with object postData", function(done) {
var xhr = Savage.ajax('./res/file-for-ajax.txt', {foo: 'bar'}, function(xhr) {
it("Snap.ajax - with object postData", function(done) {
var xhr = Snap.ajax('./res/file-for-ajax.txt', {foo: 'bar'}, function(xhr) {
var responseText = xhr.responseText;
expect(responseText).to.be('success');
expect(this.isContext).to.be(true);
@ -40,8 +40,8 @@ describe("Savage methods", function () {
}, {'isContext': true});
expect(xhr).to.be.an('object');
});
it("Savage.ajax - with string postData", function(done) {
var xhr = Savage.ajax('./res/file-for-ajax.txt', 'foo=bar', function(xhr) {
it("Snap.ajax - with string postData", function(done) {
var xhr = Snap.ajax('./res/file-for-ajax.txt', 'foo=bar', function(xhr) {
var responseText = xhr.responseText;
expect(responseText).to.be('success');
expect(this.isContext).to.be(true);
@ -60,43 +60,43 @@ describe("Savage methods", function () {
expect(minaObj.stop).to.be.a('function');
};
it("Savage.animate - numbers, no easing or callback", function(done) {
it("Snap.animate - numbers, no easing or callback", function(done) {
var n;
var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50);
var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50);
setTimeout(function() {
expect(n).to.be(20);
done();
}, 100);
validateMina(minaObj);
});
it("Savage.animate - numbers, callback", function(done) {
it("Snap.animate - numbers, callback", function(done) {
var n;
var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, function() {
var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, function() {
expect(n).to.be(20);
done();
});
validateMina(minaObj);
});
it("Savage.animate - numbers, easing", function(done) {
it("Snap.animate - numbers, easing", function(done) {
var n;
var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, mina.easeinout);
var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, mina.easeinout);
setTimeout(function() {
expect(n).to.be(20);
done();
}, 100);
validateMina(minaObj);
});
it("Savage.animate - numbers, easing & callback", function(done) {
it("Snap.animate - numbers, easing & callback", function(done) {
var n;
var minaObj = Savage.animate(10, 20, function(newN) { n = newN; }, 50, mina.bounce, function() {
var minaObj = Snap.animate(10, 20, function(newN) { n = newN; }, 50, mina.bounce, function() {
expect(n).to.be(20);
done();
});
validateMina(minaObj);
});
it("Savage.animate - arrays, no easing or callback", function(done) {
it("Snap.animate - arrays, no easing or callback", function(done) {
var n1, n2;
var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50);
var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50);
setTimeout(function() {
expect(n1).to.be(10);
expect(n2).to.be(20);
@ -104,18 +104,18 @@ describe("Savage methods", function () {
}, 100);
validateMina(minaObj);
});
it("Savage.animate - arrays, callback", function(done) {
it("Snap.animate - arrays, callback", function(done) {
var n1, n2;
var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) {n1 = nArr[0]; n2 = nArr[1]; }, 50, function() {
var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) {n1 = nArr[0]; n2 = nArr[1]; }, 50, function() {
expect(n1).to.be(10);
expect(n2).to.be(20);
done();
});
validateMina(minaObj);
});
it("Savage.animate - arrays, easing", function(done) {
it("Snap.animate - arrays, easing", function(done) {
var n1, n2;
var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.easeinout);
var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.easeinout);
setTimeout(function() {
expect(n1).to.be(10);
expect(n2).to.be(20);
@ -123,39 +123,39 @@ describe("Savage methods", function () {
}, 100);
validateMina(minaObj);
});
it("Savage.animate - arrays, easing & callback", function(done) {
it("Snap.animate - arrays, easing & callback", function(done) {
var n1, n2;
var minaObj = Savage.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.backin, function() {
var minaObj = Snap.animate([5, 10], [10, 20], function(nArr) { n1 = nArr[0]; n2 = nArr[1]; }, 50, mina.backin, function() {
expect(n1).to.be(10);
expect(n2).to.be(20);
done();
});
validateMina(minaObj);
});
it("Savage.animation - no easing or callback", function() {
var anim = Savage.animation({ foo: "bar" }, 100);
it("Snap.animation - no easing or callback", function() {
var anim = Snap.animation({ foo: "bar" }, 100);
expect(anim).to.be.an("object");
expect(anim.dur).to.be(100);
expect(anim.attr.foo).to.be("bar");
});
it("Savage.animation - with easing", function() {
var anim = Savage.animation({ foo: "bar" }, 100, mina.easein);
it("Snap.animation - with easing", function() {
var anim = Snap.animation({ foo: "bar" }, 100, mina.easein);
expect(anim).to.be.an("object");
expect(anim.dur).to.be(100);
expect(anim.attr.foo).to.be("bar");
expect(anim.easing).to.be.a("function");
});
it("Savage.animation - with callback", function() {
it("Snap.animation - with callback", function() {
var cb = function(){};
var anim = Savage.animation({ foo: "bar" }, 100, cb);
var anim = Snap.animation({ foo: "bar" }, 100, cb);
expect(anim).to.be.an("object");
expect(anim.dur).to.be(100);
expect(anim.attr.foo).to.be("bar");
expect(anim.callback).to.be.a("function");
});
it("Savage.animation - with easing & callback", function() {
it("Snap.animation - with easing & callback", function() {
var cb = function(){};
var anim = Savage.animation({ foo: "bar" }, 100, mina.linear, cb);
var anim = Snap.animation({ foo: "bar" }, 100, mina.linear, cb);
expect(anim).to.be.an("object");
expect(anim.dur).to.be(100);
expect(anim.attr.foo).to.be("bar");
@ -163,29 +163,29 @@ describe("Savage methods", function () {
expect(anim.callback).to.be.a("function");
expect(anim.easing).to.not.be(anim.callback);
});
it("Savage.deg", function() {
expect(Savage.deg(Math.PI)).to.be(180);
expect(Savage.deg(Math.PI / 2)).to.be(90);
expect(Savage.deg(Math.PI / 4)).to.be(45);
expect(Savage.deg(Math.PI * 2)).to.be(0);
it("Snap.deg", function() {
expect(Snap.deg(Math.PI)).to.be(180);
expect(Snap.deg(Math.PI / 2)).to.be(90);
expect(Snap.deg(Math.PI / 4)).to.be(45);
expect(Snap.deg(Math.PI * 2)).to.be(0);
});
it("Savage.rad", function() {
expect(Savage.rad(180)).to.be(Math.PI);
expect(Savage.rad(90)).to.be(Math.PI / 2);
expect(Savage.rad(45)).to.be(Math.PI / 4);
expect(Savage.rad(0)).to.be(0);
it("Snap.rad", function() {
expect(Snap.rad(180)).to.be(Math.PI);
expect(Snap.rad(90)).to.be(Math.PI / 2);
expect(Snap.rad(45)).to.be(Math.PI / 4);
expect(Snap.rad(0)).to.be(0);
});
it("Savage.format", function() {
it("Snap.format", function() {
var outputStr;
outputStr = Savage.format("{x}", {x: 1});
outputStr = Snap.format("{x}", {x: 1});
expect(outputStr).to.be("1");
outputStr = Savage.format("{a['foo']}", {
outputStr = Snap.format("{a['foo']}", {
a: {
foo: 'bar'
}
});
expect(outputStr).to.be("bar");
outputStr = Savage.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
outputStr = Snap.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
x: 10,
y: 20,
dim: {
@ -196,55 +196,55 @@ describe("Savage methods", function () {
});
expect(outputStr).to.be("M10,20h40v50h-40z");
});
it("Savage.fragment", function() {
var frag = Savage.fragment('<g class="foo"></g>', '<g class="foo2"></g>');
it("Snap.fragment", function() {
var frag = Snap.fragment('<g class="foo"></g>', '<g class="foo2"></g>');
expect(frag).to.be.an("object");
expect(frag.node.childNodes.length).to.be(2);
expect(frag.node.firstChild.nodeName).to.be("g");
expect(frag.node.firstChild.getAttribute("class")).to.be("foo");
expect(frag.node.lastChild.getAttribute("class")).to.be("foo2");
frag = Savage.fragment('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
frag = Snap.fragment('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
var rectWidth = frag.select('rect').attr('width');
expect(rectWidth).to.be("10");
});
it("Savage.is", function() {
it("Snap.is", function() {
var undef;
expect(Savage.is("foo", "string")).to.be.ok();
expect(Savage.is(123, "number")).to.be.ok();
expect(Savage.is({}, "object")).to.be.ok();
expect(Savage.is([], "array")).to.be.ok();
expect(Savage.is([], "object")).to.be.ok();
expect(Savage.is(null, "null")).to.be.ok();
expect(Savage.is(false, "boolean")).to.be.ok();
expect(Savage.is(undef, "undefined")).to.be.ok();
expect(Savage.is(function(){}, "function")).to.be.ok();
expect(Savage.is(function(){}, "object")).to.be.ok();
expect(Snap.is("foo", "string")).to.be.ok();
expect(Snap.is(123, "number")).to.be.ok();
expect(Snap.is({}, "object")).to.be.ok();
expect(Snap.is([], "array")).to.be.ok();
expect(Snap.is([], "object")).to.be.ok();
expect(Snap.is(null, "null")).to.be.ok();
expect(Snap.is(false, "boolean")).to.be.ok();
expect(Snap.is(undef, "undefined")).to.be.ok();
expect(Snap.is(function(){}, "function")).to.be.ok();
expect(Snap.is(function(){}, "object")).to.be.ok();
});
it("Savage.load - with context", function(done) {
Savage.load('./res/external-svg.svg', function(fragment) {
it("Snap.load - with context", function(done) {
Snap.load('./res/external-svg.svg', function(fragment) {
expect(fragment.node.querySelector("svg")).to.not.be(null);
expect(this.myContext).to.be(true);
done();
}, {myContext: true});
});
it("Savage.load - without context", function(done) {
Savage.load('./res/external-svg.svg', function(fragment) {
it("Snap.load - without context", function(done) {
Snap.load('./res/external-svg.svg', function(fragment) {
expect(fragment.node.querySelector("svg")).to.not.be(null);
done();
});
});
it("Savage.parse", function() {
var frag = Savage.parse('<g class="foo"></g>');
it("Snap.parse", function() {
var frag = Snap.parse('<g class="foo"></g>');
expect(frag).to.be.an("object");
expect(frag.node.childNodes.length).to.be(1);
expect(frag.node.firstChild.nodeName).to.be("g");
expect(frag.node.firstChild.getAttribute("class")).to.be("foo");
frag = Savage.parse('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
frag = Snap.parse('<g class="foo"><rect x="0" y="0" width="10" height="10"/></g>');
var rectWidth = frag.select('rect').attr('width');
expect(rectWidth).to.be("10");
});
it("Savage.parsePathString - string", function() {
var pathArrs = Savage.parsePathString(
it("Snap.parsePathString - string", function() {
var pathArrs = Snap.parsePathString(
"M1 2" +
"m3 4" +
"L 5, 6" +
@ -284,22 +284,22 @@ describe("Savage methods", function () {
expect(pathArrs[17]).to.eql(["a", 50, 51, 52, 1, 0, 53, 54]);
expect(pathArrs[18]).to.eql(["Z"]);
});
it("Savage.parsePathString - array", function() {
var pathArrs = Savage.parsePathString(["M1 2"]);
it("Snap.parsePathString - array", function() {
var pathArrs = Snap.parsePathString(["M1 2"]);
expect(pathArrs[0]).to.eql(["M", 1, 2]);
});
it("Savage.parseTransformString - string", function() {
var matrix = new Savage.Matrix(1, 0, 0, 2, 0, 0);
it("Snap.parseTransformString - string", function() {
var matrix = new Snap.Matrix(1, 0, 0, 2, 0, 0);
var str = matrix.toTransformString();
var output = Savage.parseTransformString(str);
var output = Snap.parseTransformString(str);
expect(output[0]).to.eql(['s', 1, 2, 0, 0]);
});
it("Savage.parseTransformString - array", function() {
var output = Savage.parseTransformString(['s', 1, 2, 0, 0]);
it("Snap.parseTransformString - array", function() {
var output = Snap.parseTransformString(['s', 1, 2, 0, 0]);
expect(output[0]).to.eql(['s', 1, 2, 0, 0]);
});
it("Savage.select", function() {
var s = Savage(10, 10);
it("Snap.select", function() {
var s = Snap(10, 10);
var group1 = s.group();
var group2 = s.group();
var group3 = s.group();
@ -313,14 +313,14 @@ describe("Savage methods", function () {
group2.add(group3);
group2.add(circle1);
group3.add(circle2);
var c1 = Savage.select('.circle-one');
var c1 = Snap.select('.circle-one');
expect(circle1).to.be(c1);
var c2 = Savage.select('.circle-two');
var c2 = Snap.select('.circle-two');
expect(circle2).to.be(c2);
s.remove();
});
it("Savage.selectAll", function() {
var s = Savage(10, 10);
it("Snap.selectAll", function() {
var s = Snap(10, 10);
var group1 = s.group();
var group2 = s.group();
var group3 = s.group();
@ -334,61 +334,61 @@ describe("Savage methods", function () {
group2.add(group3);
group2.add(circle1);
group3.add(circle2);
var circles = Savage.selectAll('circle');
var circles = Snap.selectAll('circle');
expect(circles.length).to.be(2);
expect(circles).to.contain(circle1);
expect(circles).to.contain(circle2);
s.remove();
});
it("Savage.snapTo - number, no tolerance", function() {
expect(Savage.snapTo(100, -5)).to.be(0);
expect(Savage.snapTo(100, 0.0001)).to.be(0);
expect(Savage.snapTo(100, 9)).to.be(0);
expect(Savage.snapTo(100, 50)).to.be(50);
expect(Savage.snapTo(100, 75)).to.be(75);
expect(Savage.snapTo(100, 90)).to.be(90);
expect(Savage.snapTo(100, 91)).to.be(100);
expect(Savage.snapTo(100, 95)).to.be(100);
expect(Savage.snapTo(100, 1204)).to.be(1200);
it("Snap.snapTo - number, no tolerance", function() {
expect(Snap.snapTo(100, -5)).to.be(0);
expect(Snap.snapTo(100, 0.0001)).to.be(0);
expect(Snap.snapTo(100, 9)).to.be(0);
expect(Snap.snapTo(100, 50)).to.be(50);
expect(Snap.snapTo(100, 75)).to.be(75);
expect(Snap.snapTo(100, 90)).to.be(90);
expect(Snap.snapTo(100, 91)).to.be(100);
expect(Snap.snapTo(100, 95)).to.be(100);
expect(Snap.snapTo(100, 1204)).to.be(1200);
});
it("Savage.snapTo - array, no tolerance", function() {
it("Snap.snapTo - array, no tolerance", function() {
var grid = [0, 55, 200];
expect(Savage.snapTo(grid, -5)).to.be(0);
expect(Savage.snapTo(grid, 0.0001)).to.be(0);
expect(Savage.snapTo(grid, 9)).to.be(0);
expect(Savage.snapTo(grid, 50)).to.be(55);
expect(Savage.snapTo(grid, 75)).to.be(75);
expect(Savage.snapTo(grid, 90)).to.be(90);
expect(Savage.snapTo(grid, 91)).to.be(91);
expect(Savage.snapTo(grid, 195)).to.be(200);
expect(Savage.snapTo(grid, 1204)).to.be(1204);
expect(Snap.snapTo(grid, -5)).to.be(0);
expect(Snap.snapTo(grid, 0.0001)).to.be(0);
expect(Snap.snapTo(grid, 9)).to.be(0);
expect(Snap.snapTo(grid, 50)).to.be(55);
expect(Snap.snapTo(grid, 75)).to.be(75);
expect(Snap.snapTo(grid, 90)).to.be(90);
expect(Snap.snapTo(grid, 91)).to.be(91);
expect(Snap.snapTo(grid, 195)).to.be(200);
expect(Snap.snapTo(grid, 1204)).to.be(1204);
});
it("Savage.snapTo - number, with tolerance", function() {
expect(Savage.snapTo(100, 95, 0)).to.be(95);
expect(Savage.snapTo(100, 95, 5)).to.be(95);
expect(Savage.snapTo(100, 95, 6)).to.be(100);
expect(Savage.snapTo(100, 105, 6)).to.be(100);
expect(Savage.snapTo(100, 105, 5)).to.be(105);
expect(Savage.snapTo(100, 105, 0)).to.be(105);
// expect(Savage.snapTo(10, 19, 50)).to.be(20); // TODO: Find out what tolerance > grid should do
it("Snap.snapTo - number, with tolerance", function() {
expect(Snap.snapTo(100, 95, 0)).to.be(95);
expect(Snap.snapTo(100, 95, 5)).to.be(95);
expect(Snap.snapTo(100, 95, 6)).to.be(100);
expect(Snap.snapTo(100, 105, 6)).to.be(100);
expect(Snap.snapTo(100, 105, 5)).to.be(105);
expect(Snap.snapTo(100, 105, 0)).to.be(105);
// expect(Snap.snapTo(10, 19, 50)).to.be(20); // TODO: Find out what tolerance > grid should do
});
it("Savage.snapTo - array, with tolerance", function() {
it("Snap.snapTo - array, with tolerance", function() {
var grid = [0, 55, 200];
expect(Savage.snapTo(grid, -5, 20)).to.be(0);
expect(Savage.snapTo(grid, -5, 3)).to.be(-5);
expect(Savage.snapTo(grid, 0.0001, 0.00001)).to.be(0.0001);
expect(Savage.snapTo(grid, 0.0001, 1)).to.be(0);
expect(Savage.snapTo(grid, 9, 9)).to.be(0);
expect(Savage.snapTo(grid, 9, 10.5)).to.be(0);
expect(Savage.snapTo(grid, 50, 6)).to.be(55);
expect(Savage.snapTo(grid, 50, 1)).to.be(50);
expect(Savage.snapTo(grid, 201, 0.5)).to.be(201);
expect(Savage.snapTo(grid, 199, 1)).to.be(200);
expect(Savage.snapTo(grid, 299, 100)).to.be(200);
expect(Snap.snapTo(grid, -5, 20)).to.be(0);
expect(Snap.snapTo(grid, -5, 3)).to.be(-5);
expect(Snap.snapTo(grid, 0.0001, 0.00001)).to.be(0.0001);
expect(Snap.snapTo(grid, 0.0001, 1)).to.be(0);
expect(Snap.snapTo(grid, 9, 9)).to.be(0);
expect(Snap.snapTo(grid, 9, 10.5)).to.be(0);
expect(Snap.snapTo(grid, 50, 6)).to.be(55);
expect(Snap.snapTo(grid, 50, 1)).to.be(50);
expect(Snap.snapTo(grid, 201, 0.5)).to.be(201);
expect(Snap.snapTo(grid, 199, 1)).to.be(200);
expect(Snap.snapTo(grid, 299, 100)).to.be(200);
});
it("Savage.path.getBBox", function() {
it("Snap.path.getBBox", function() {
// same as 10,20,30,40 rect
var bbox = Savage.path.getBBox("M10,20h30v40h-30z");
var bbox = Snap.path.getBBox("M10,20h30v40h-30z");
expect(bbox.x).to.eql(10);
expect(bbox.y).to.eql(20);
expect(bbox.width).to.eql(30);
@ -396,18 +396,18 @@ describe("Savage methods", function () {
expect(bbox.x2).to.eql(10 + 30);
expect(bbox.y2).to.eql(20 + 40);
});
it("Savage.angle - 2 points", function() {
var angle = Savage.angle(0, 0, 10, 10);
it("Snap.angle - 2 points", function() {
var angle = Snap.angle(0, 0, 10, 10);
expect(angle).to.not.be(0);
expect(angle % 45).to.be(0);
angle = Savage.angle(0, 0, 10, 0);
angle = Snap.angle(0, 0, 10, 0);
expect(angle % 90).to.be(0);
});
it("Savage.angle - 3 points", function() {
var angle = Savage.angle(10, 0, 0, 10, 0, 0);
it("Snap.angle - 3 points", function() {
var angle = Snap.angle(10, 0, 0, 10, 0, 0);
expect(angle).to.not.be(0);
expect(angle % 45).to.be(0);
angle = Savage.angle(10, 0, 0, 10, 0, 0);
angle = Snap.angle(10, 0, 0, 10, 0, 0);
expect(Math.abs(angle)).to.be(90);
});
});

4
test/system.js
View File

@ -1,6 +1,6 @@
describe("System check", function () {
it("Savage exists", function () {
expect(Savage).to.be.a("function");
it("Snap exists", function () {
expect(Snap).to.be.a("function");
});
it("eve exists", function () {
expect(eve).to.be.a("function");

4
test/test.html
View File

@ -24,7 +24,7 @@
}
</style>
<link rel="stylesheet" href="../node_modules/mocha/mocha.css">
<script src="../dist/savage.js"></script>
<script src="../dist/snap.svg.js"></script>
</head>
<body>
<div id="mocha"></div>
@ -33,7 +33,7 @@
<script>mocha.setup("bdd");</script>
<script src="system.js"></script>
<script src="paper.js"></script>
<script src="savage-tests.js"></script>
<script src="snap-tests.js"></script>
<script src="primitives.js"></script>
<script src="colors.js"></script>
<script src="attrs.js"></script>