X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;ds=sidebyside;f=dashed-canvas.js;h=0fc687450ac4b65cc778cd336b2f0eb701c76b78;hb=626b90aa2b1747d7ba8bcb939c8560fa16bbdb94;hp=af2470e4f56907345ea7acf2cd016d25768b5a5a;hpb=7e1f9ca38a4d105ead9e965069344ca935a8499a;p=dygraphs.git diff --git a/dashed-canvas.js b/dashed-canvas.js index af2470e..0fc6874 100644 --- a/dashed-canvas.js +++ b/dashed-canvas.js @@ -4,6 +4,9 @@ * MIT-licensed (http://opensource.org/licenses/MIT) */ +(function() { +'use strict'; + /** * @fileoverview Adds support for dashed lines to the HTML5 canvas. * @@ -40,7 +43,7 @@ * property and "uninstallPattern" method to this particular canvas context. * You must call uninstallPattern() before calling installPattern() again. * - * @param {pattern | Array} A description of the stroke pattern. Even + * @param {Array.} pattern A description of the stroke pattern. Even * indices indicate a draw and odd indices indicate a gap (in pixels). The * array should have a even length as any odd lengthed array could be expressed * as a smaller even length array. @@ -63,6 +66,7 @@ CanvasRenderingContext2D.prototype.installPattern = function(pattern) { var realMoveTo = this.moveTo; var realStroke = this.stroke; + /** @type {function()|undefined} */ this.uninstallPattern = function() { this.beginPath = realBeginPath; this.lineTo = realLineTo; @@ -115,10 +119,10 @@ CanvasRenderingContext2D.prototype.installPattern = function(pattern) { // Set last pattern index we used for this pattern. var patternIndex = dashedLineToHistory[0]; - x = 0; + var x = 0; while (len > x) { // Get the length of the pattern segment we are dealing with. - segment = pattern[patternIndex]; + var segment = pattern[patternIndex]; // If our last draw didn't complete the pattern segment all the way // we will try to finish it. Otherwise we will try to do the whole // segment. @@ -154,10 +158,23 @@ CanvasRenderingContext2D.prototype.installPattern = function(pattern) { } this.restore(); - x1 = x2, y1 = y2; + x1 = x2; + y1 = y2; } } realStroke.call(this); segments = []; }; }; + +/** + * Removes the previously-installed pattern. + * You must call installPattern() before calling this. You can install at most + * one pattern at a time--there is no pattern stack. + */ +CanvasRenderingContext2D.prototype.uninstallPattern = function() { + // This will be replaced by a non-error version when a pattern is installed. + throw "Must install a line pattern before uninstalling it."; +}; + +})();