From 1acbb0403651115436c6a4ab7009afd5e35fae26 Mon Sep 17 00:00:00 2001 From: kangax Date: Tue, 18 Jan 2011 18:55:46 -0500 Subject: [PATCH] Add more demo shapes, including HTML5 logo. Make gradientify button enabled only when there's an active object. --- test/demo/assets/67.svg | 3287 +++++++++++++++++++++++++++++++++++++++ test/demo/assets/68.svg | 1892 ++++++++++++++++++++++ test/demo/assets/69.svg | 35 + test/demo/assets/70.svg | 145 ++ test/demo/assets/71.svg | 516 ++++++ test/demo/demo.js | 13 +- test/demo/index.html | 9 +- 7 files changed, 5893 insertions(+), 4 deletions(-) create mode 100644 test/demo/assets/67.svg create mode 100644 test/demo/assets/68.svg create mode 100644 test/demo/assets/69.svg create mode 100644 test/demo/assets/70.svg create mode 100644 test/demo/assets/71.svg 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: