diff --git a/test/demo/assets/67.svg b/test/demo/assets/67.svg
new file mode 100644
index 00000000..04d2b521
--- /dev/null
+++ b/test/demo/assets/67.svg
@@ -0,0 +1,3287 @@
+
+
+
+]>
+
diff --git a/test/demo/assets/68.svg b/test/demo/assets/68.svg
new file mode 100644
index 00000000..19f5eb16
--- /dev/null
+++ b/test/demo/assets/68.svg
@@ -0,0 +1,1892 @@
+
+
+
+]>
+
diff --git a/test/demo/assets/69.svg b/test/demo/assets/69.svg
new file mode 100644
index 00000000..472cf733
--- /dev/null
+++ b/test/demo/assets/69.svg
@@ -0,0 +1,35 @@
+
+
+
diff --git a/test/demo/assets/70.svg b/test/demo/assets/70.svg
new file mode 100644
index 00000000..87d5ce65
--- /dev/null
+++ b/test/demo/assets/70.svg
@@ -0,0 +1,145 @@
+
+
+
diff --git a/test/demo/assets/71.svg b/test/demo/assets/71.svg
new file mode 100644
index 00000000..383a4a08
--- /dev/null
+++ b/test/demo/assets/71.svg
@@ -0,0 +1,516 @@
+
+
+
+]>
+
diff --git a/test/demo/demo.js b/test/demo/demo.js
index 52f07524..107743ce 100644
--- a/test/demo/demo.js
+++ b/test/demo/demo.js
@@ -257,7 +257,16 @@
}
};
- var activeObjectButtons = [ lockHorizontallyEl, lockVerticallyEl, lockScalingEl, lockRotationEl, removeSelectedEl ];
+ var gradientifyBtn = document.getElementById('gradientify');
+
+ var activeObjectButtons = [
+ lockHorizontallyEl,
+ lockVerticallyEl,
+ lockScalingEl,
+ lockRotationEl,
+ removeSelectedEl,
+ gradientifyBtn
+ ];
for (var i = activeObjectButtons.length; i--; ) {
activeObjectButtons[i].disabled = true;
@@ -355,7 +364,7 @@
initAligningGuidelines(canvas);
}
- document.getElementById('gradientify').onclick = function() {
+ gradientifyBtn.onclick = function() {
var obj = canvas.getActiveObject();
if (obj) {
obj.setGradientFill(canvas.getContext(), {
diff --git a/test/demo/index.html b/test/demo/index.html
index 2e3cc239..98a1cf4f 100644
--- a/test/demo/index.html
+++ b/test/demo/index.html
@@ -51,6 +51,7 @@
Add SVG shapes to canvas:
+
@@ -58,6 +59,7 @@
+
@@ -79,6 +81,7 @@
+
@@ -97,6 +100,7 @@
+
@@ -105,9 +109,10 @@
-
+
-
+
+