diff options
Diffstat (limited to 'playgrounds/transforms/transforms.js')
| -rw-r--r-- | playgrounds/transforms/transforms.js | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/playgrounds/transforms/transforms.js b/playgrounds/transforms/transforms.js index e9c0376..d750797 100644 --- a/playgrounds/transforms/transforms.js +++ b/playgrounds/transforms/transforms.js @@ -1,22 +1,21 @@ - - let canvas = SVG('#canvas') // Make the green rectangle -canvas.rect(200, 400).move(200, 400) - .attr('opacity', 0.3) - .addClass('green') +canvas.rect(200, 400).move(200, 400).attr('opacity', 0.3).addClass('green') // Make the pink rectangle -let a = canvas.rect(200, 400).move(200, 400) +let a = canvas + .rect(200, 400) + .move(200, 400) .attr('opacity', 0.3) .addClass('pink') .transform({ px: 100, py: 500, origin: 'top-left' }) - a.animate() - .rotate({ rotate: 500, origin: 'top-right' }) +a.animate().rotate({ rotate: 500, origin: 'top-right' }) // Put an ellipse where we expect the object to be -canvas.ellipse(30, 30).center(100, 500) +canvas + .ellipse(30, 30) + .center(100, 500) .attr('opacity', 0.3) .addClass('dark-pink') |