@vpmedia/phaser 1.11.0 → 1.13.0

package/src/phaser/display/canvas/graphics.js

@@ -1,35 +1,49 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import { GEOM_POLYGON, GEOM_RECTANGLE, GEOM_CIRCLE, GEOM_ELLIPSE, GEOM_ROUNDED_RECTANGLE } from '../../core/const';
+import {
+  GEOM_POLYGON,
+  GEOM_RECTANGLE,
+  GEOM_CIRCLE,
+  GEOM_ELLIPSE,
+  GEOM_ROUNDED_RECTANGLE,
+} from '../../core/const';
 
 /**
+ * TBD.
  *
- * @param {object} graphics TBD
+ * @param {object} graphics - TBD.
  */
 export function updateGraphicsTint(graphics) {
-  if (graphics.tint === 0xFFFFFF) {
+  if (graphics.tint === 0xffffff) {
     return;
   }
-  const tintR = (graphics.tint >> 16 & 0xFF) / 255;
-  const tintG = (graphics.tint >> 8 & 0xFF) / 255;
-  const tintB = (graphics.tint & 0xFF) / 255;
+  const tintR = ((graphics.tint >> 16) & 0xff) / 255;
+  const tintG = ((graphics.tint >> 8) & 0xff) / 255;
+  const tintB = (graphics.tint & 0xff) / 255;
   for (let i = 0; i < graphics.graphicsData.length; i += 1) {
     const data = graphics.graphicsData[i];
     const fillColor = data.fillColor | 0;
     const lineColor = data.lineColor | 0;
-    data._fillTint = (((fillColor >> 16 & 0xFF) / 255 * tintR * 255 << 16) + ((fillColor >> 8 & 0xFF) / 255 * tintG * 255 << 8) + (fillColor & 0xFF) / 255 * tintB * 255);
-    data._lineTint = (((lineColor >> 16 & 0xFF) / 255 * tintR * 255 << 16) + ((lineColor >> 8 & 0xFF) / 255 * tintG * 255 << 8) + (lineColor & 0xFF) / 255 * tintB * 255);
+    data._fillTint =
+      (((((fillColor >> 16) & 0xff) / 255) * tintR * 255) << 16) +
+      (((((fillColor >> 8) & 0xff) / 255) * tintG * 255) << 8) +
+      ((fillColor & 0xff) / 255) * tintB * 255;
+    data._lineTint =
+      (((((lineColor >> 16) & 0xff) / 255) * tintR * 255) << 16) +
+      (((((lineColor >> 8) & 0xff) / 255) * tintG * 255) << 8) +
+      ((lineColor & 0xff) / 255) * tintB * 255;
   }
 }
 
 /**
+ * TBD.
  *
- * @param {object} graphics TBD
- * @param {object} context TBD
+ * @param {object} graphics - TBD.
+ * @param {object} context - TBD.
  */
 export function renderGraphics(graphics, context) {
   const worldAlpha = graphics.worldAlpha;
@@ -128,7 +142,7 @@ export function renderGraphics(graphics, context) {
       const width = shape.width;
       const height = shape.height;
       let radius = shape.radius;
-      const maxRadius = Math.min(width, height) / 2 | 0;
+      const maxRadius = (Math.min(width, height) / 2) | 0;
       radius = radius > maxRadius ? maxRadius : radius;
       context.beginPath();
       context.moveTo(rx, ry + radius);
@@ -156,9 +170,10 @@ export function renderGraphics(graphics, context) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} graphics TBD
- * @param {object} context TBD
+ * @param {object} graphics - TBD.
+ * @param {object} context - TBD.
  */
 export function renderGraphicsMask(graphics, context) {
   const len = graphics.graphicsData.length;
@@ -210,7 +225,7 @@ export function renderGraphicsMask(graphics, context) {
       const width = shape.width;
       const height = shape.height;
       let radius = shape.radius;
-      const maxRadius = Math.min(width, height) / 2 | 0;
+      const maxRadius = (Math.min(width, height) / 2) | 0;
       radius = radius > maxRadius ? maxRadius : radius;
       context.moveTo(rx, ry + radius);
       context.lineTo(rx, ry + height - radius);

package/src/phaser/display/canvas/masker.js

@@ -1,15 +1,16 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 import { renderGraphicsMask } from './graphics';
 
 /**
+ * TBD.
  *
- * @param {object} maskData TBD
- * @param {object} renderSession TBD
+ * @param {object} maskData - TBD.
+ * @param {object} renderSession - TBD.
  */
 export function pushMask(maskData, renderSession) {
   const context = renderSession.context;
@@ -23,7 +24,7 @@ export function pushMask(maskData, renderSession) {
     transform.c * resolution,
     transform.d * resolution,
     transform.tx * resolution,
-    transform.ty * resolution,
+    transform.ty * resolution
   );
   renderGraphicsMask(maskData, context);
   context.clip();
@@ -31,8 +32,9 @@ export function pushMask(maskData, renderSession) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} renderSession TBD
+ * @param {object} renderSession - TBD.
  */
 export function popMask(renderSession) {
   renderSession.context.restore();

package/src/phaser/display/canvas/pool.js

@@ -1,13 +1,14 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 
 /**
+ * TBD.
  *
- * @returns {object} TBD
+ * @returns {object[]} TBD.
  */
 export function getPool() {
   if (!window.PhaserRegistry) {
@@ -20,8 +21,9 @@ export function getPool() {
 }
 
 /**
+ * TBD.
  *
- * @returns {object} TBD
+ * @returns {object} TBD.
  */
 export function getFirst() {
   const pool = getPool();
@@ -34,8 +36,9 @@ export function getFirst() {
 }
 
 /**
+ * TBD.
  *
- * @param {object} parent TBD
+ * @param {object} parent - TBD.
  */
 export function remove(parent) {
   const pool = getPool();
@@ -49,8 +52,9 @@ export function remove(parent) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
  */
 export function removeByCanvas(canvas) {
   const pool = getPool();
@@ -64,8 +68,9 @@ export function removeByCanvas(canvas) {
 }
 
 /**
+ * TBD.
  *
- * @returns {number} TBD
+ * @returns {number} TBD.
  */
 export function getTotal() {
   const pool = getPool();
@@ -79,8 +84,9 @@ export function getTotal() {
 }
 
 /**
+ * TBD.
  *
- * @returns {number} TBD
+ * @returns {number} TBD.
  */
 export function getFree() {
   const pool = getPool();
@@ -94,11 +100,12 @@ export function getFree() {
 }
 
 /**
+ * TBD.
  *
- * @param {object} parent TBD
- * @param {number} width TBD
- * @param {number} height TBD
- * @returns {object} TBD
+ * @param {object} parent - TBD.
+ * @param {number} width - TBD.
+ * @param {number} height - TBD.
+ * @returns {object} TBD.
  */
 export function create(parent, width, height) {
   if (parent === undefined) {

package/src/phaser/display/canvas/renderer.js

@@ -1,16 +1,36 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
-import { RENDER_CANVAS, SCALE_LINEAR, BLEND_NORMAL, BLEND_ADD, BLEND_MULTIPLY, BLEND_SCREEN, BLEND_OVERLAY, BLEND_DARKEN, BLEND_LIGHTEN, BLEND_COLOR_DODGE, BLEND_COLOR_BURN, BLEND_HARD_LIGHT, BLEND_SOFT_LIGHT, BLEND_DIFFERENCE, BLEND_EXCLUSION, BLEND_HUE, BLEND_SATURATION, BLEND_COLOR, BLEND_LUMINOSITY, SCALE_NEAREST } from '../../core/const';
+import {
+  RENDER_CANVAS,
+  SCALE_LINEAR,
+  BLEND_NORMAL,
+  BLEND_ADD,
+  BLEND_MULTIPLY,
+  BLEND_SCREEN,
+  BLEND_OVERLAY,
+  BLEND_DARKEN,
+  BLEND_LIGHTEN,
+  BLEND_COLOR_DODGE,
+  BLEND_COLOR_BURN,
+  BLEND_HARD_LIGHT,
+  BLEND_SOFT_LIGHT,
+  BLEND_DIFFERENCE,
+  BLEND_EXCLUSION,
+  BLEND_HUE,
+  BLEND_SATURATION,
+  BLEND_COLOR,
+  BLEND_LUMINOSITY,
+  SCALE_NEAREST,
+} from '../../core/const';
 import { getSmoothingPrefix } from './util';
 import { detectCapabilities } from './tinter';
 import * as CanvasMaskManager from './masker';
 
 export default class {
-
   constructor(game) {
     detectCapabilities();
     this.type = RENDER_CANVAS;
@@ -78,7 +98,8 @@ export default class {
       this.view.style.height = this.height / this.resolution + 'px';
     }
     if (this.renderSession.smoothProperty) {
-      this.context[this.renderSession.smoothProperty] = (this.renderSession.scaleMode === SCALE_LINEAR);
+      this.context[this.renderSession.smoothProperty] =
+        this.renderSession.scaleMode === SCALE_LINEAR;
     }
   }
 
@@ -96,22 +117,21 @@ export default class {
     const useNew = window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY;
     b[BLEND_NORMAL] = 'source-over';
     b[BLEND_ADD] = 'lighter';
-    b[BLEND_MULTIPLY] = (useNew) ? 'multiply' : 'source-over';
-    b[BLEND_SCREEN] = (useNew) ? 'screen' : 'source-over';
-    b[BLEND_OVERLAY] = (useNew) ? 'overlay' : 'source-over';
-    b[BLEND_DARKEN] = (useNew) ? 'darken' : 'source-over';
-    b[BLEND_LIGHTEN] = (useNew) ? 'lighten' : 'source-over';
-    b[BLEND_COLOR_DODGE] = (useNew) ? 'color-dodge' : 'source-over';
-    b[BLEND_COLOR_BURN] = (useNew) ? 'color-burn' : 'source-over';
-    b[BLEND_HARD_LIGHT] = (useNew) ? 'hard-light' : 'source-over';
-    b[BLEND_SOFT_LIGHT] = (useNew) ? 'soft-light' : 'source-over';
-    b[BLEND_DIFFERENCE] = (useNew) ? 'difference' : 'source-over';
-    b[BLEND_EXCLUSION] = (useNew) ? 'exclusion' : 'source-over';
-    b[BLEND_HUE] = (useNew) ? 'hue' : 'source-over';
-    b[BLEND_SATURATION] = (useNew) ? 'saturation' : 'source-over';
-    b[BLEND_COLOR] = (useNew) ? 'color' : 'source-over';
-    b[BLEND_LUMINOSITY] = (useNew) ? 'luminosity' : 'source-over';
+    b[BLEND_MULTIPLY] = useNew ? 'multiply' : 'source-over';
+    b[BLEND_SCREEN] = useNew ? 'screen' : 'source-over';
+    b[BLEND_OVERLAY] = useNew ? 'overlay' : 'source-over';
+    b[BLEND_DARKEN] = useNew ? 'darken' : 'source-over';
+    b[BLEND_LIGHTEN] = useNew ? 'lighten' : 'source-over';
+    b[BLEND_COLOR_DODGE] = useNew ? 'color-dodge' : 'source-over';
+    b[BLEND_COLOR_BURN] = useNew ? 'color-burn' : 'source-over';
+    b[BLEND_HARD_LIGHT] = useNew ? 'hard-light' : 'source-over';
+    b[BLEND_SOFT_LIGHT] = useNew ? 'soft-light' : 'source-over';
+    b[BLEND_DIFFERENCE] = useNew ? 'difference' : 'source-over';
+    b[BLEND_EXCLUSION] = useNew ? 'exclusion' : 'source-over';
+    b[BLEND_HUE] = useNew ? 'hue' : 'source-over';
+    b[BLEND_SATURATION] = useNew ? 'saturation' : 'source-over';
+    b[BLEND_COLOR] = useNew ? 'color' : 'source-over';
+    b[BLEND_LUMINOSITY] = useNew ? 'luminosity' : 'source-over';
     window.PhaserRegistry.blendModesCanvas = b;
   }
-
 }

package/src/phaser/display/canvas/tinter.js

@@ -1,18 +1,19 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 import CanvasBuffer from './buffer';
 import { create, removeByCanvas } from './pool';
 import { hex2rgb } from '../../util/math';
 
 /**
+ * TBD.
  *
- * @param {object} sprite TBD
- * @param {object} color TBD
- * @returns {object} TBD
+ * @param {object} sprite - TBD.
+ * @param {object} color - TBD.
+ * @returns {object} TBD.
  */
 export function getTintedTexture(sprite, color) {
   const canvas = sprite.tintedTexture || create('CanvasTinter');
@@ -21,10 +22,11 @@ export function getTintedTexture(sprite, color) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} texture TBD
- * @param {object} color TBD
- * @param {object} canvas TBD
+ * @param {object} texture - TBD.
+ * @param {object} color - TBD.
+ * @param {HTMLCanvasElement} canvas - TBD.
  */
 export function tintWithMultiply(texture, color, canvas) {
   const context = canvas.getContext('2d');
@@ -37,16 +39,37 @@ export function tintWithMultiply(texture, color, canvas) {
   context.fillStyle = '#' + ('00000' + (color | 0).toString(16)).substr(-6);
   context.fillRect(0, 0, crop.width, crop.height);
   context.globalCompositeOperation = 'multiply';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
   context.globalCompositeOperation = 'destination-atop';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
 }
 
 /**
+ * TBD.
  *
- * @param {object} texture TBD
- * @param {object} color TBD
- * @param {object} canvas TBD
+ * @param {object} texture - TBD.
+ * @param {object} color - TBD.
+ * @param {HTMLCanvasElement} canvas - TBD.
  */
 export function tintWithPerPixel(texture, color, canvas) {
   const context = canvas.getContext('2d');
@@ -54,7 +77,17 @@ export function tintWithPerPixel(texture, color, canvas) {
   canvas.width = crop.width;
   canvas.height = crop.height;
   context.globalCompositeOperation = 'copy';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
   const rgbValues = hex2rgb(color);
   const r = rgbValues[0];
   const g = rgbValues[1];
@@ -77,8 +110,9 @@ export function tintWithPerPixel(texture, color, canvas) {
 }
 
 /**
+ * TBD.
  *
- * @returns {boolean} TBD
+ * @returns {boolean} TBD.
  */
 export function checkInverseAlpha() {
   const canvas = new CanvasBuffer(2, 1);
@@ -95,12 +129,18 @@ export function checkInverseAlpha() {
   //  Get those values
   const s2 = canvas.context.getImageData(1, 0, 1, 1);
   //  Compare and return
-  return (s2.data[0] === s1.data[0] && s2.data[1] === s1.data[1] && s2.data[2] === s1.data[2] && s2.data[3] === s1.data[3]);
+  return (
+    s2.data[0] === s1.data[0] &&
+    s2.data[1] === s1.data[1] &&
+    s2.data[2] === s1.data[2] &&
+    s2.data[3] === s1.data[3]
+  );
 }
 
 /**
+ * TBD.
  *
- * @returns {boolean} TBD
+ * @returns {boolean} TBD.
  */
 export function canUseNewCanvasBlendModes() {
   if (document === undefined) {
@@ -122,11 +162,11 @@ export function canUseNewCanvasBlendModes() {
   }
   const data = context.getImageData(2, 0, 1, 1).data;
   removeByCanvas(canvas);
-  return (data[0] === 255 && data[1] === 0 && data[2] === 0);
+  return data[0] === 255 && data[1] === 0 && data[2] === 0;
 }
 
 /**
- * TBD
+ * TBD.
  */
 export function detectCapabilities() {
   if (!window.PhaserRegistry) {
@@ -139,6 +179,8 @@ export function detectCapabilities() {
     window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes();
   }
   if (!window.PhaserRegistry.CANVAS_TINT_METHOD) {
-    window.PhaserRegistry.CANVAS_TINT_METHOD = window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY ? tintWithMultiply : tintWithPerPixel;
+    window.PhaserRegistry.CANVAS_TINT_METHOD = window.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY
+      ? tintWithMultiply
+      : tintWithPerPixel;
   }
 }

package/src/phaser/display/canvas/util.js

@@ -1,24 +1,25 @@
 /**
+ * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  * @author       Andras Csizmadia <andras@vpmedia.hu>
  * @author       Richard Davey <rich@photonstorm.com>
  * @author       Mat Groves http://matgroves.com/ @Doormat23
- * @copyright    Copyright (c) 2018-present Richard Davey, Photon Storm Ltd., Andras Csizmadia <andras@vpmedia.hu> (www.vpmedia.hu)
  */
 import { create as createCanvas } from './pool';
 
 /**
+ * TBD.
  *
- * @param {object} parent TBD
- * @param {number} width TBD
- * @param {number} height TBD
- * @param {string} id TBD
- * @param {boolean} skipPool TBD
- * @returns {object} TBD
+ * @param {object} parent - TBD.
+ * @param {number} width - TBD.
+ * @param {number} height - TBD.
+ * @param {string} id - TBD.
+ * @param {boolean} skipPool - TBD.
+ * @returns {object} TBD.
  */
 export function create(parent, width, height, id, skipPool) {
   width = width || 256;
   height = height || 256;
-  const canvas = (skipPool) ? document.createElement('canvas') : createCanvas(parent, width, height);
+  const canvas = skipPool ? document.createElement('canvas') : createCanvas(parent, width, height);
   if (typeof id === 'string' && id !== '') {
     canvas.id = id;
   }
@@ -29,10 +30,11 @@ export function create(parent, width, height, id, skipPool) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {string} color TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {string} color - TBD.
+ * @returns {object} TBD.
  */
 export function setBackgroundColor(canvas, color) {
   color = color || 'rgb(0,0,0)';
@@ -41,10 +43,11 @@ export function setBackgroundColor(canvas, color) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {string} value TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {string} value - TBD.
+ * @returns {object} TBD.
  */
 export function setTouchAction(canvas, value) {
   value = value || 'none';
@@ -55,10 +58,11 @@ export function setTouchAction(canvas, value) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {string} value TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {string} value - TBD.
+ * @returns {object} TBD.
  */
 export function setUserSelect(canvas, value) {
   value = value || 'none';
@@ -73,11 +77,12 @@ export function setUserSelect(canvas, value) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
- * @param {object} parent TBD
- * @param {boolean} overflowHidden TBD
- * @returns {object} TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
+ * @param {object} parent - TBD.
+ * @param {boolean} overflowHidden - TBD.
+ * @returns {object} TBD.
  */
 export function addToDOM(canvas, parent, overflowHidden = true) {
   let target;
@@ -102,8 +107,9 @@ export function addToDOM(canvas, parent, overflowHidden = true) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} canvas TBD
+ * @param {HTMLCanvasElement} canvas - TBD.
  */
 export function removeFromDOM(canvas) {
   if (canvas.parentNode) {
@@ -112,15 +118,16 @@ export function removeFromDOM(canvas) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} context TBD
- * @param {number} translateX TBD
- * @param {number} translateY TBD
- * @param {number} scaleX TBD
- * @param {number} scaleY TBD
- * @param {number} skewX TBD
- * @param {number} skewY TBD
- * @returns {object} TBD
+ * @param {object} context - TBD.
+ * @param {number} translateX - TBD.
+ * @param {number} translateY - TBD.
+ * @param {number} scaleX - TBD.
+ * @param {number} scaleY - TBD.
+ * @param {number} skewX - TBD.
+ * @param {number} skewY - TBD.
+ * @returns {object} TBD.
  */
 export function setTransform(context, translateX, translateY, scaleX, scaleY, skewX, skewY) {
   context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY);
@@ -128,9 +135,10 @@ export function setTransform(context, translateX, translateY, scaleX, scaleY, sk
 }
 
 /**
+ * TBD.
  *
- * @param {object} context TBD
- * @returns {object} TBD
+ * @param {object} context - TBD.
+ * @returns {object} TBD.
  */
 export function getSmoothingPrefix(context) {
   const VENDORS = ['i', 'webkitI', 'msI', 'mozI', 'oI'];
@@ -144,10 +152,11 @@ export function getSmoothingPrefix(context) {
 }
 
 /**
+ * TBD.
  *
- * @param {object} context TBD
- * @param {number} value TBD
- * @returns {object} TBD
+ * @param {object} context - TBD.
+ * @param {number} value - TBD.
+ * @returns {object} TBD.
  */
 export function setSmoothingEnabled(context, value) {
   const s = getSmoothingPrefix(context);