From 4a03212d2dfac7079d51bd98faefe423889761cf Mon Sep 17 00:00:00 2001 From: Saivan Date: Mon, 5 Mar 2018 02:24:43 +1100 Subject: Fixed recommendations by @Fuzzyma regarding transforms This commit fixes a number of issues with transformations: - Removed move/dmove/etc... on groups - Sugar was being passed origin instead of ox, oy - Updated the changelog - Removed parseMatrix in favor of new SVG.Matrix() - .matrix is the getter for a matrix, not .transform - added a [02:24:41] Using gulpfile ~/Desktop/svg/svg.js/gulpfile.js [02:24:41] Starting 'lint'... [02:24:43] Finished 'lint' after 2.32 s directive --- playgrounds/playground.css | 5 ++--- playgrounds/transforms/transforms.html | 9 +++++++-- 2 files changed, 9 insertions(+), 5 deletions(-) (limited to 'playgrounds') diff --git a/playgrounds/playground.css b/playgrounds/playground.css index 71fabed..f327905 100644 --- a/playgrounds/playground.css +++ b/playgrounds/playground.css @@ -4,8 +4,7 @@ } html { - background-color : #f5f6f7; - /* text-align: center; */ + background-color : #fefefe; } body { @@ -45,7 +44,7 @@ svg { width: 100%; grid-row: 3; grid-column: 2/4; - background-color: white; + background-color: #f5f6f7; border-radius: 20px; border: #f065 1px solid; } diff --git a/playgrounds/transforms/transforms.html b/playgrounds/transforms/transforms.html index ac60f14..89dc419 100644 --- a/playgrounds/transforms/transforms.html +++ b/playgrounds/transforms/transforms.html @@ -10,9 +10,14 @@ -

SVG JS Playground

Transformations

+ Here you can try out our transformation code, try moving around the pink + box in your console with its variable name: mover +

+ +