Renamed SprayBrush to SprayPaintBrush

README.md

@@ -10,7 +10,7 @@ A collection of brushes for fabric.js (version 4 and up).
 - Ribbon
 - Shaded
 - Sketchy
-- Spray
+- SprayPaint
 - Squares
 - Web
 
@@ -33,7 +33,7 @@ A collection of brushes for fabric.js (version 4 and up).
 [<img src="https://av01d.github.io/fabric-brushes/img/brush.ribbon.gif" alt="Ribbon brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
 [<img src="https://av01d.github.io/fabric-brushes/img/brush.shaded.gif" alt="Shaded brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
 [<img src="https://av01d.github.io/fabric-brushes/img/brush.sketchy.gif" alt="Sketchy brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
-[<img src="https://av01d.github.io/fabric-brushes/img/brush.spray.gif" alt="Spray brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
+[<img src="https://av01d.github.io/fabric-brushes/img/brush.spraypaint.gif" alt="SprayPaint brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
 [<img src="https://av01d.github.io/fabric-brushes/img/brush.squares.gif" alt="Squares brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
 [<img src="https://av01d.github.io/fabric-brushes/img/brush.web.gif" alt="Web brush" width="640" height="320">](https://av01d.github.io/fabric-brush)
 
@@ -149,9 +149,9 @@ fabricCanvas.freeDrawingBrush = new fabric.SketchyBrush(fabricCanvas,
 });
 ```
 
-### SprayBrush
+### SprayPaintBrush
 ```js
-fabricCanvas.freeDrawingBrush = new fabric.SprayBrush(fabricCanvas,
+fabricCanvas.freeDrawingBrush = new fabric.SprayPaintBrush(fabricCanvas,
 {
 	width: 30, // Width of brush
 	color: '#000', // Color of brush

dist/fabric.brushes.js

@@ -814,10 +814,10 @@ fabric.SketchyBrush = fabric.util.createClass(fabric.BaseBrush, {
 }); // End SketchyBrush
 
 /**
- * SprayBrush
+ * SprayPaintBrush
  * Based on code by Tennison Chan.
  */
-fabric.SprayBrush = fabric.util.createClass(fabric.BaseBrush, {
+fabric.SprayPaintBrush = fabric.util.createClass(fabric.BaseBrush, {
 	color: '#000',
 	opacity: 1,
 	width: 30,
@@ -918,7 +918,7 @@ fabric.SprayBrush = fabric.util.createClass(fabric.BaseBrush, {
 		this._point = null;
 		this._lastPoint = null;
 	}
-}); // End Spraybrush
+}); // End SprayPaintBrush
 
 /**
  * SquaresBrush
@@ -1057,4 +1057,4 @@ fabric.WebBrush = fabric.util.createClass(fabric.BaseBrush, {
 	_render: function() {}
 }); // End WebBrush
 
-})(typeof fabric !== 'undefined' ? fabric : require('fabric').fabric);
+})(typeof fabric !== 'undefined' ? fabric : require('fabric').fabric);

index.html

@@ -535,11 +535,11 @@ <h2>Sketchy Brush</h2>
 &lt;/script&gt;
 </code></pre>
 
-<!------------------------------------- Spray ------------------------------------->
+<!------------------------------------- SprayPaint ------------------------------------->
 
-<h2>Spray Brush</h2>
+<h2>SprayPaint Brush</h2>
 <div class="canvas-wrap">
-	<canvas id="spray-canvas"></canvas>
+	<canvas id="spraypaint-canvas"></canvas>
 </div>
 
 <script>
@@ -550,7 +550,7 @@ <h2>Spray Brush</h2>
 		width: 30,
 		opacity: 1
 	},
-	fabricCanvas = getFabricCanvas(canvasID, 'SprayBrush', brushOpts),
+	fabricCanvas = getFabricCanvas(canvasID, 'SprayPaintBrush', brushOpts),
 	dat = DatGui(brushOpts, fabricCanvas),
 	gui = dat.getGui();
 
@@ -570,7 +570,7 @@ <h2>Spray Brush</h2>
 	dat.addButtons();
 
 	fabricCanvas.getElement().parentNode.parentNode.appendChild(gui.domElement);
-})('spray-canvas');
+})('spraypaint-canvas');
 
 </script>
 
@@ -581,7 +581,7 @@ <h2>Spray Brush</h2>
 	isDrawingMode: true
 });
 
-fabricCanvas.freeDrawingBrush = new fabric.SprayBrush(fabricCanvas, {width:30, color:'#4598a9', opacity:1});
+fabricCanvas.freeDrawingBrush = new fabric.SprayPaintBrush(fabricCanvas, {width:30, color:'#4598a9', opacity:1});
 &lt;/script&gt;
 </code></pre>