From 0967c92e66904a0267524e371adb45ecd9a024fb Mon Sep 17 00:00:00 2001 From: wout Date: Sat, 22 Dec 2012 15:59:41 +0100 Subject: [PATCH] Added more info on gradients --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 66668e5..19c7592 100644 --- a/README.md +++ b/README.md @@ -214,7 +214,7 @@ rect.clip(function(clipPath) { You can also reuse clip paths for multiple elements using 'clipTo()'. ```javascript -var clipPath = doc.defs().clipPath(); +var clipPath = doc.defs().clip(); clipRect = clipPath.rect(80, 80).move(10, 10); rect.clipTo(clipPath); ``` @@ -302,6 +302,10 @@ draw.gradient('radial', function(stop) { s1.update({ offset: 10, color: '#0f0', opacity: 1 }); ``` +[W3Schools](http://www.w3schools.com/svg/svg_grad_linear.asp) has a great example page on how +[linear gradients](http://www.w3schools.com/svg/svg_grad_linear.asp) and +[radial gradients](http://www.w3schools.com/svg/svg_grad_radial.asp) work. + _This functionality requires the gradient.js module which is included in the default distribution._ -- 2.39.5