From: wout <wout@impinc.co.uk>
Date: Sat, 22 Dec 2012 14:59:41 +0000 (+0100)
Subject: Added more info on gradients
X-Git-Tag: 0.2~79
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=0967c92e66904a0267524e371adb45ecd9a024fb;p=svg.js.git

Added more info on gradients
---

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._