tennisonchan / Fabric Brush
Licence: other
Crayon is a canvas brush based on an awesome framework Fabric.js
Stars: ✭ 169
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Fabric Brush
Bower Angular Translate Loader Static Files
angular-translate-loader-static-files bower package
Stars: ✭ 46 (-72.78%)
Mutual labels: bower
Highcharts Chart
Polymer Element wrapper for highcharts library. Seamlessly create various types of charts from one element.
Stars: ✭ 97 (-42.6%)
Mutual labels: bower
Vscode Deploy Reloaded
Recoded version of Visual Studio Code extension 'vs-deploy', which provides commands to deploy files to one or more destinations.
Stars: ✭ 129 (-23.67%)
Mutual labels: bower
Cookiecutter Pyramid Talk Python Starter
An opinionated Cookiecutter template for creating Pyramid web applications starting way further down the development chain. This cookiecutter template will create a new Pyramid web application with email, sqlalchemy, rollbar, and way more integrated.
Stars: ✭ 64 (-62.13%)
Mutual labels: bower
Client Dependencies Gradle
Install client dependencies from NPM, Bower or Git
Stars: ✭ 89 (-47.34%)
Mutual labels: bower
Angular Loading Feedback
Angular directive to indicate loads in app
Stars: ✭ 8 (-95.27%)
Mutual labels: bower
Ignition Go
Bootstrap4 /Codeigniter 3 Modular (HMVC) App Building Framework - to build enterprise class web applications... Versions: CodeIgniter 3.1.9 AdminLTE 3.4 Bootstrap 4.5.0
Stars: ✭ 166 (-1.78%)
Mutual labels: bower
Bootstrap 4 Ui Kit
Free collection of Bootstrap 4 web blocks.
Stars: ✭ 87 (-48.52%)
Mutual labels: bower
Bootstrap.native
If you are looking for Bootstrap without jQuery, this is it.
Stars: ✭ 1,693 (+901.78%)
Mutual labels: bower
Generator Fountain Webapp
Yeoman 'fountain' generator to start a webapp
Stars: ✭ 985 (+482.84%)
Mutual labels: bower
Quickblox Javascript Sdk
JavaScript SDK of QuickBlox cloud backend platform
Stars: ✭ 98 (-42.01%)
Mutual labels: bower
Sticky Sidebar
😎 Pure JavaScript tool for making smart and high performance sticky sidebar.
Stars: ✭ 2,057 (+1117.16%)
Mutual labels: bower
Expertiza
Expertiza is a web application through which students can submit and peer-review learning objects (articles, code, web sites, etc). The Expertiza project is supported by the National Science Foundation.
Stars: ✭ 160 (-5.33%)
Mutual labels: bower
Fabric Brush - Canvas Brushes on Fabric.js
Fabric Brush is a collection of brushes built on an awesome canvas framework Fabric.js
Quickstart
-
Install fabric with bower:
bower install fabric
- Install fabric-brush with bower:
bower install fabric-brush
Demo
Examples of use
Set the crayon brush as the free drawing brush
<script src="bower_components/fabric.js"></script>
<script src="bower_components/dist/fabric-brush.js"></script>
<canvas id="c"></canvas>
var canvas = new fabric.Canvas('c');
// Crayon Brush
canvas.freeDrawingBrush = new fabric.CrayonBrush(canvas, {
width: 70,
opacity: 0.6,
color: "#ff0000"
});
// Ink Brush
// canvas.freeDrawingBrush = new fabric.InkBrush(canvas);
// Marker Brush
// canvas.freeDrawingBrush = new fabric.MarkerBrush(canvas);
// Spray Brush
// canvas.freeDrawingBrush = new fabric.SprayBrush(canvas);
Change color of the brush into red
canvas.freeDrawingBrush.changeColor("#ff0000");
Change opacity of the brush into 0.6
canvas.freeDrawingBrush.changeOpacity(0.6);
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].