UNPKG

fabric-pure-browser

Version:

Fabric.js package with no node-specific dependencies (node-canvas, jsdom). The project is published once a day (in case if a new version appears) from 'master' branch of https://github.com/fabricjs/fabric.js repository. You can keep original imports in

125 lines (109 loc) 2.84 kB
/** * BaseBrush class * @class fabric.BaseBrush * @see {@link http://fabricjs.com/freedrawing|Freedrawing demo} */ fabric.BaseBrush = fabric.util.createClass(/** @lends fabric.BaseBrush.prototype */ { /** * Color of a brush * @type String * @default */ color: 'rgb(0, 0, 0)', /** * Width of a brush, has to be a Number, no string literals * @type Number * @default */ width: 1, /** * Shadow object representing shadow of this shape. * <b>Backwards incompatibility note:</b> This property replaces "shadowColor" (String), "shadowOffsetX" (Number), * "shadowOffsetY" (Number) and "shadowBlur" (Number) since v1.2.12 * @type fabric.Shadow * @default */ shadow: null, /** * Line endings style of a brush (one of "butt", "round", "square") * @type String * @default */ strokeLineCap: 'round', /** * Corner style of a brush (one of "bevel", "round", "miter") * @type String * @default */ strokeLineJoin: 'round', /** * Maximum miter length (used for strokeLineJoin = "miter") of a brush's * @type Number * @default */ strokeMiterLimit: 10, /** * Stroke Dash Array. * @type Array * @default */ strokeDashArray: null, /** * Sets brush styles * @private */ _setBrushStyles: function() { var ctx = this.canvas.contextTop; ctx.strokeStyle = this.color; ctx.lineWidth = this.width; ctx.lineCap = this.strokeLineCap; ctx.miterLimit = this.strokeMiterLimit; ctx.lineJoin = this.strokeLineJoin; if (fabric.StaticCanvas.supports('setLineDash')) { ctx.setLineDash(this.strokeDashArray || []); } }, /** * Sets the transformation on given context * @param {RenderingContext2d} ctx context to render on * @private */ _saveAndTransform: function(ctx) { var v = this.canvas.viewportTransform; ctx.save(); ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]); }, /** * Sets brush shadow styles * @private */ _setShadow: function() { if (!this.shadow) { return; } var canvas = this.canvas, shadow = this.shadow, ctx = canvas.contextTop, zoom = canvas.getZoom(); if (canvas && canvas._isRetinaScaling()) { zoom *= fabric.devicePixelRatio; } ctx.shadowColor = shadow.color; ctx.shadowBlur = shadow.blur * zoom; ctx.shadowOffsetX = shadow.offsetX * zoom; ctx.shadowOffsetY = shadow.offsetY * zoom; }, needsFullRender: function() { var color = new fabric.Color(this.color); return color.getAlpha() < 1 || !!this.shadow; }, /** * Removes brush shadow styles * @private */ _resetShadow: function() { var ctx = this.canvas.contextTop; ctx.shadowColor = ''; ctx.shadowBlur = ctx.shadowOffsetX = ctx.shadowOffsetY = 0; } });