qreator - npm Package Compare versions

Comparing version 9.5.0 to 9.5.1

lib/browser/png.umd.js

@@ -734,440 +734,470 @@ (function (global, factory) {
 
-    var colorName = {
-    	"aliceblue": [240, 248, 255],
-    	"antiquewhite": [250, 235, 215],
-    	"aqua": [0, 255, 255],
-    	"aquamarine": [127, 255, 212],
-    	"azure": [240, 255, 255],
-    	"beige": [245, 245, 220],
-    	"bisque": [255, 228, 196],
-    	"black": [0, 0, 0],
-    	"blanchedalmond": [255, 235, 205],
-    	"blue": [0, 0, 255],
-    	"blueviolet": [138, 43, 226],
-    	"brown": [165, 42, 42],
-    	"burlywood": [222, 184, 135],
-    	"cadetblue": [95, 158, 160],
-    	"chartreuse": [127, 255, 0],
-    	"chocolate": [210, 105, 30],
-    	"coral": [255, 127, 80],
-    	"cornflowerblue": [100, 149, 237],
-    	"cornsilk": [255, 248, 220],
-    	"crimson": [220, 20, 60],
-    	"cyan": [0, 255, 255],
-    	"darkblue": [0, 0, 139],
-    	"darkcyan": [0, 139, 139],
-    	"darkgoldenrod": [184, 134, 11],
-    	"darkgray": [169, 169, 169],
-    	"darkgreen": [0, 100, 0],
-    	"darkgrey": [169, 169, 169],
-    	"darkkhaki": [189, 183, 107],
-    	"darkmagenta": [139, 0, 139],
-    	"darkolivegreen": [85, 107, 47],
-    	"darkorange": [255, 140, 0],
-    	"darkorchid": [153, 50, 204],
-    	"darkred": [139, 0, 0],
-    	"darksalmon": [233, 150, 122],
-    	"darkseagreen": [143, 188, 143],
-    	"darkslateblue": [72, 61, 139],
-    	"darkslategray": [47, 79, 79],
-    	"darkslategrey": [47, 79, 79],
-    	"darkturquoise": [0, 206, 209],
-    	"darkviolet": [148, 0, 211],
-    	"deeppink": [255, 20, 147],
-    	"deepskyblue": [0, 191, 255],
-    	"dimgray": [105, 105, 105],
-    	"dimgrey": [105, 105, 105],
-    	"dodgerblue": [30, 144, 255],
-    	"firebrick": [178, 34, 34],
-    	"floralwhite": [255, 250, 240],
-    	"forestgreen": [34, 139, 34],
-    	"fuchsia": [255, 0, 255],
-    	"gainsboro": [220, 220, 220],
-    	"ghostwhite": [248, 248, 255],
-    	"gold": [255, 215, 0],
-    	"goldenrod": [218, 165, 32],
-    	"gray": [128, 128, 128],
-    	"green": [0, 128, 0],
-    	"greenyellow": [173, 255, 47],
-    	"grey": [128, 128, 128],
-    	"honeydew": [240, 255, 240],
-    	"hotpink": [255, 105, 180],
-    	"indianred": [205, 92, 92],
-    	"indigo": [75, 0, 130],
-    	"ivory": [255, 255, 240],
-    	"khaki": [240, 230, 140],
-    	"lavender": [230, 230, 250],
-    	"lavenderblush": [255, 240, 245],
-    	"lawngreen": [124, 252, 0],
-    	"lemonchiffon": [255, 250, 205],
-    	"lightblue": [173, 216, 230],
-    	"lightcoral": [240, 128, 128],
-    	"lightcyan": [224, 255, 255],
-    	"lightgoldenrodyellow": [250, 250, 210],
-    	"lightgray": [211, 211, 211],
-    	"lightgreen": [144, 238, 144],
-    	"lightgrey": [211, 211, 211],
-    	"lightpink": [255, 182, 193],
-    	"lightsalmon": [255, 160, 122],
-    	"lightseagreen": [32, 178, 170],
-    	"lightskyblue": [135, 206, 250],
-    	"lightslategray": [119, 136, 153],
-    	"lightslategrey": [119, 136, 153],
-    	"lightsteelblue": [176, 196, 222],
-    	"lightyellow": [255, 255, 224],
-    	"lime": [0, 255, 0],
-    	"limegreen": [50, 205, 50],
-    	"linen": [250, 240, 230],
-    	"magenta": [255, 0, 255],
-    	"maroon": [128, 0, 0],
-    	"mediumaquamarine": [102, 205, 170],
-    	"mediumblue": [0, 0, 205],
-    	"mediumorchid": [186, 85, 211],
-    	"mediumpurple": [147, 112, 219],
-    	"mediumseagreen": [60, 179, 113],
-    	"mediumslateblue": [123, 104, 238],
-    	"mediumspringgreen": [0, 250, 154],
-    	"mediumturquoise": [72, 209, 204],
-    	"mediumvioletred": [199, 21, 133],
-    	"midnightblue": [25, 25, 112],
-    	"mintcream": [245, 255, 250],
-    	"mistyrose": [255, 228, 225],
-    	"moccasin": [255, 228, 181],
-    	"navajowhite": [255, 222, 173],
-    	"navy": [0, 0, 128],
-    	"oldlace": [253, 245, 230],
-    	"olive": [128, 128, 0],
-    	"olivedrab": [107, 142, 35],
-    	"orange": [255, 165, 0],
-    	"orangered": [255, 69, 0],
-    	"orchid": [218, 112, 214],
-    	"palegoldenrod": [238, 232, 170],
-    	"palegreen": [152, 251, 152],
-    	"paleturquoise": [175, 238, 238],
-    	"palevioletred": [219, 112, 147],
-    	"papayawhip": [255, 239, 213],
-    	"peachpuff": [255, 218, 185],
-    	"peru": [205, 133, 63],
-    	"pink": [255, 192, 203],
-    	"plum": [221, 160, 221],
-    	"powderblue": [176, 224, 230],
-    	"purple": [128, 0, 128],
-    	"rebeccapurple": [102, 51, 153],
-    	"red": [255, 0, 0],
-    	"rosybrown": [188, 143, 143],
-    	"royalblue": [65, 105, 225],
-    	"saddlebrown": [139, 69, 19],
-    	"salmon": [250, 128, 114],
-    	"sandybrown": [244, 164, 96],
-    	"seagreen": [46, 139, 87],
-    	"seashell": [255, 245, 238],
-    	"sienna": [160, 82, 45],
-    	"silver": [192, 192, 192],
-    	"skyblue": [135, 206, 235],
-    	"slateblue": [106, 90, 205],
-    	"slategray": [112, 128, 144],
-    	"slategrey": [112, 128, 144],
-    	"snow": [255, 250, 250],
-    	"springgreen": [0, 255, 127],
-    	"steelblue": [70, 130, 180],
-    	"tan": [210, 180, 140],
-    	"teal": [0, 128, 128],
-    	"thistle": [216, 191, 216],
-    	"tomato": [255, 99, 71],
-    	"turquoise": [64, 224, 208],
-    	"violet": [238, 130, 238],
-    	"wheat": [245, 222, 179],
-    	"white": [255, 255, 255],
-    	"whitesmoke": [245, 245, 245],
-    	"yellow": [255, 255, 0],
-    	"yellowgreen": [154, 205, 50]
-    };
+    var colorName;
+    var hasRequiredColorName;
 
+    function requireColorName () {
+    	if (hasRequiredColorName) return colorName;
+    	hasRequiredColorName = 1;
+
+    	colorName = {
+    		"aliceblue": [240, 248, 255],
+    		"antiquewhite": [250, 235, 215],
+    		"aqua": [0, 255, 255],
+    		"aquamarine": [127, 255, 212],
+    		"azure": [240, 255, 255],
+    		"beige": [245, 245, 220],
+    		"bisque": [255, 228, 196],
+    		"black": [0, 0, 0],
+    		"blanchedalmond": [255, 235, 205],
+    		"blue": [0, 0, 255],
+    		"blueviolet": [138, 43, 226],
+    		"brown": [165, 42, 42],
+    		"burlywood": [222, 184, 135],
+    		"cadetblue": [95, 158, 160],
+    		"chartreuse": [127, 255, 0],
+    		"chocolate": [210, 105, 30],
+    		"coral": [255, 127, 80],
+    		"cornflowerblue": [100, 149, 237],
+    		"cornsilk": [255, 248, 220],
+    		"crimson": [220, 20, 60],
+    		"cyan": [0, 255, 255],
+    		"darkblue": [0, 0, 139],
+    		"darkcyan": [0, 139, 139],
+    		"darkgoldenrod": [184, 134, 11],
+    		"darkgray": [169, 169, 169],
+    		"darkgreen": [0, 100, 0],
+    		"darkgrey": [169, 169, 169],
+    		"darkkhaki": [189, 183, 107],
+    		"darkmagenta": [139, 0, 139],
+    		"darkolivegreen": [85, 107, 47],
+    		"darkorange": [255, 140, 0],
+    		"darkorchid": [153, 50, 204],
+    		"darkred": [139, 0, 0],
+    		"darksalmon": [233, 150, 122],
+    		"darkseagreen": [143, 188, 143],
+    		"darkslateblue": [72, 61, 139],
+    		"darkslategray": [47, 79, 79],
+    		"darkslategrey": [47, 79, 79],
+    		"darkturquoise": [0, 206, 209],
+    		"darkviolet": [148, 0, 211],
+    		"deeppink": [255, 20, 147],
+    		"deepskyblue": [0, 191, 255],
+    		"dimgray": [105, 105, 105],
+    		"dimgrey": [105, 105, 105],
+    		"dodgerblue": [30, 144, 255],
+    		"firebrick": [178, 34, 34],
+    		"floralwhite": [255, 250, 240],
+    		"forestgreen": [34, 139, 34],
+    		"fuchsia": [255, 0, 255],
+    		"gainsboro": [220, 220, 220],
+    		"ghostwhite": [248, 248, 255],
+    		"gold": [255, 215, 0],
+    		"goldenrod": [218, 165, 32],
+    		"gray": [128, 128, 128],
+    		"green": [0, 128, 0],
+    		"greenyellow": [173, 255, 47],
+    		"grey": [128, 128, 128],
+    		"honeydew": [240, 255, 240],
+    		"hotpink": [255, 105, 180],
+    		"indianred": [205, 92, 92],
+    		"indigo": [75, 0, 130],
+    		"ivory": [255, 255, 240],
+    		"khaki": [240, 230, 140],
+    		"lavender": [230, 230, 250],
+    		"lavenderblush": [255, 240, 245],
+    		"lawngreen": [124, 252, 0],
+    		"lemonchiffon": [255, 250, 205],
+    		"lightblue": [173, 216, 230],
+    		"lightcoral": [240, 128, 128],
+    		"lightcyan": [224, 255, 255],
+    		"lightgoldenrodyellow": [250, 250, 210],
+    		"lightgray": [211, 211, 211],
+    		"lightgreen": [144, 238, 144],
+    		"lightgrey": [211, 211, 211],
+    		"lightpink": [255, 182, 193],
+    		"lightsalmon": [255, 160, 122],
+    		"lightseagreen": [32, 178, 170],
+    		"lightskyblue": [135, 206, 250],
+    		"lightslategray": [119, 136, 153],
+    		"lightslategrey": [119, 136, 153],
+    		"lightsteelblue": [176, 196, 222],
+    		"lightyellow": [255, 255, 224],
+    		"lime": [0, 255, 0],
+    		"limegreen": [50, 205, 50],
+    		"linen": [250, 240, 230],
+    		"magenta": [255, 0, 255],
+    		"maroon": [128, 0, 0],
+    		"mediumaquamarine": [102, 205, 170],
+    		"mediumblue": [0, 0, 205],
+    		"mediumorchid": [186, 85, 211],
+    		"mediumpurple": [147, 112, 219],
+    		"mediumseagreen": [60, 179, 113],
+    		"mediumslateblue": [123, 104, 238],
+    		"mediumspringgreen": [0, 250, 154],
+    		"mediumturquoise": [72, 209, 204],
+    		"mediumvioletred": [199, 21, 133],
+    		"midnightblue": [25, 25, 112],
+    		"mintcream": [245, 255, 250],
+    		"mistyrose": [255, 228, 225],
+    		"moccasin": [255, 228, 181],
+    		"navajowhite": [255, 222, 173],
+    		"navy": [0, 0, 128],
+    		"oldlace": [253, 245, 230],
+    		"olive": [128, 128, 0],
+    		"olivedrab": [107, 142, 35],
+    		"orange": [255, 165, 0],
+    		"orangered": [255, 69, 0],
+    		"orchid": [218, 112, 214],
+    		"palegoldenrod": [238, 232, 170],
+    		"palegreen": [152, 251, 152],
+    		"paleturquoise": [175, 238, 238],
+    		"palevioletred": [219, 112, 147],
+    		"papayawhip": [255, 239, 213],
+    		"peachpuff": [255, 218, 185],
+    		"peru": [205, 133, 63],
+    		"pink": [255, 192, 203],
+    		"plum": [221, 160, 221],
+    		"powderblue": [176, 224, 230],
+    		"purple": [128, 0, 128],
+    		"rebeccapurple": [102, 51, 153],
+    		"red": [255, 0, 0],
+    		"rosybrown": [188, 143, 143],
+    		"royalblue": [65, 105, 225],
+    		"saddlebrown": [139, 69, 19],
+    		"salmon": [250, 128, 114],
+    		"sandybrown": [244, 164, 96],
+    		"seagreen": [46, 139, 87],
+    		"seashell": [255, 245, 238],
+    		"sienna": [160, 82, 45],
+    		"silver": [192, 192, 192],
+    		"skyblue": [135, 206, 235],
+    		"slateblue": [106, 90, 205],
+    		"slategray": [112, 128, 144],
+    		"slategrey": [112, 128, 144],
+    		"snow": [255, 250, 250],
+    		"springgreen": [0, 255, 127],
+    		"steelblue": [70, 130, 180],
+    		"tan": [210, 180, 140],
+    		"teal": [0, 128, 128],
+    		"thistle": [216, 191, 216],
+    		"tomato": [255, 99, 71],
+    		"turquoise": [64, 224, 208],
+    		"violet": [238, 130, 238],
+    		"wheat": [245, 222, 179],
+    		"white": [255, 255, 255],
+    		"whitesmoke": [245, 245, 245],
+    		"yellow": [255, 255, 0],
+    		"yellowgreen": [154, 205, 50]
+    	};
+    	return colorName;
+    }
+
     var simpleSwizzle = {exports: {}};
 
-    var isArrayish$1 = function isArrayish(obj) {
-    	if (!obj || typeof obj === 'string') {
-    		return false;
-    	}
+    var isArrayish;
+    var hasRequiredIsArrayish;
 
-    	return obj instanceof Array || Array.isArray(obj) ||
-    		(obj.length >= 0 && (obj.splice instanceof Function ||
-    			(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));
-    };
+    function requireIsArrayish () {
+    	if (hasRequiredIsArrayish) return isArrayish;
+    	hasRequiredIsArrayish = 1;
+    	isArrayish = function isArrayish(obj) {
+    		if (!obj || typeof obj === 'string') {
+    			return false;
+    		}
 
-    var isArrayish = isArrayish$1;
+    		return obj instanceof Array || Array.isArray(obj) ||
+    			(obj.length >= 0 && (obj.splice instanceof Function ||
+    				(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));
+    	};
+    	return isArrayish;
+    }
 
-    var concat = Array.prototype.concat;
-    var slice = Array.prototype.slice;
+    var hasRequiredSimpleSwizzle;
 
-    var swizzle$1 = simpleSwizzle.exports = function swizzle(args) {
-    	var results = [];
+    function requireSimpleSwizzle () {
+    	if (hasRequiredSimpleSwizzle) return simpleSwizzle.exports;
+    	hasRequiredSimpleSwizzle = 1;
 
-    	for (var i = 0, len = args.length; i < len; i++) {
-    		var arg = args[i];
+    	var isArrayish = requireIsArrayish();
 
-    		if (isArrayish(arg)) {
-    			// http://jsperf.com/javascript-array-concat-vs-push/98
-    			results = concat.call(results, slice.call(arg));
-    		} else {
-    			results.push(arg);
+    	var concat = Array.prototype.concat;
+    	var slice = Array.prototype.slice;
+
+    	var swizzle = simpleSwizzle.exports = function swizzle(args) {
+    		var results = [];
+
+    		for (var i = 0, len = args.length; i < len; i++) {
+    			var arg = args[i];
+
+    			if (isArrayish(arg)) {
+    				// http://jsperf.com/javascript-array-concat-vs-push/98
+    				results = concat.call(results, slice.call(arg));
+    			} else {
+    				results.push(arg);
+    			}
     		}
-    	}
 
-    	return results;
-    };
+    		return results;
+    	};
 
-    swizzle$1.wrap = function (fn) {
-    	return function () {
-    		return fn(swizzle$1(arguments));
+    	swizzle.wrap = function (fn) {
+    		return function () {
+    			return fn(swizzle(arguments));
+    		};
     	};
-    };
+    	return simpleSwizzle.exports;
+    }
 
-    var simpleSwizzleExports = simpleSwizzle.exports;
-
     /* MIT license */
 
-    var colorNames = colorName;
-    var swizzle = simpleSwizzleExports;
-    var hasOwnProperty = Object.hasOwnProperty;
+    var hasRequiredColorString;
 
-    var reverseNames = Object.create(null);
+    function requireColorString () {
+    	if (hasRequiredColorString) return colorString$1.exports;
+    	hasRequiredColorString = 1;
+    	var colorNames = requireColorName();
+    	var swizzle = requireSimpleSwizzle();
+    	var hasOwnProperty = Object.hasOwnProperty;
 
-    // create a list of reverse color names
-    for (var name in colorNames) {
-    	if (hasOwnProperty.call(colorNames, name)) {
-    		reverseNames[colorNames[name]] = name;
+    	var reverseNames = Object.create(null);
+
+    	// create a list of reverse color names
+    	for (var name in colorNames) {
+    		if (hasOwnProperty.call(colorNames, name)) {
+    			reverseNames[colorNames[name]] = name;
+    		}
     	}
-    }
 
-    var cs = colorString$1.exports = {
-    	to: {},
-    	get: {}
-    };
+    	var cs = colorString$1.exports = {
+    		to: {},
+    		get: {}
+    	};
 
-    cs.get = function (string) {
-    	var prefix = string.substring(0, 3).toLowerCase();
-    	var val;
-    	var model;
-    	switch (prefix) {
-    		case 'hsl':
-    			val = cs.get.hsl(string);
-    			model = 'hsl';
-    			break;
-    		case 'hwb':
-    			val = cs.get.hwb(string);
-    			model = 'hwb';
-    			break;
-    		default:
-    			val = cs.get.rgb(string);
-    			model = 'rgb';
-    			break;
-    	}
+    	cs.get = function (string) {
+    		var prefix = string.substring(0, 3).toLowerCase();
+    		var val;
+    		var model;
+    		switch (prefix) {
+    			case 'hsl':
+    				val = cs.get.hsl(string);
+    				model = 'hsl';
+    				break;
+    			case 'hwb':
+    				val = cs.get.hwb(string);
+    				model = 'hwb';
+    				break;
+    			default:
+    				val = cs.get.rgb(string);
+    				model = 'rgb';
+    				break;
+    		}
 
-    	if (!val) {
-    		return null;
-    	}
+    		if (!val) {
+    			return null;
+    		}
 
-    	return {model: model, value: val};
-    };
+    		return {model: model, value: val};
+    	};
 
-    cs.get.rgb = function (string) {
-    	if (!string) {
-    		return null;
-    	}
+    	cs.get.rgb = function (string) {
+    		if (!string) {
+    			return null;
+    		}
 
-    	var abbr = /^#([a-f0-9]{3,4})$/i;
-    	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-    	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    	var keyword = /^(\w+)$/;
+    		var abbr = /^#([a-f0-9]{3,4})$/i;
+    		var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
+    		var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+    		var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+    		var keyword = /^(\w+)$/;
 
-    	var rgb = [0, 0, 0, 1];
-    	var match;
-    	var i;
-    	var hexAlpha;
+    		var rgb = [0, 0, 0, 1];
+    		var match;
+    		var i;
+    		var hexAlpha;
 
-    	if (match = string.match(hex)) {
-    		hexAlpha = match[2];
-    		match = match[1];
+    		if (match = string.match(hex)) {
+    			hexAlpha = match[2];
+    			match = match[1];
 
-    		for (i = 0; i < 3; i++) {
-    			// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
-    			var i2 = i * 2;
-    			rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
-    		}
+    			for (i = 0; i < 3; i++) {
+    				// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
+    				var i2 = i * 2;
+    				rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
+    			}
 
-    		if (hexAlpha) {
-    			rgb[3] = parseInt(hexAlpha, 16) / 255;
-    		}
-    	} else if (match = string.match(abbr)) {
-    		match = match[1];
-    		hexAlpha = match[3];
+    			if (hexAlpha) {
+    				rgb[3] = parseInt(hexAlpha, 16) / 255;
+    			}
+    		} else if (match = string.match(abbr)) {
+    			match = match[1];
+    			hexAlpha = match[3];
 
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = parseInt(match[i] + match[i], 16);
-    		}
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = parseInt(match[i] + match[i], 16);
+    			}
 
-    		if (hexAlpha) {
-    			rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
-    		}
-    	} else if (match = string.match(rgba)) {
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = parseInt(match[i + 1], 0);
-    		}
+    			if (hexAlpha) {
+    				rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
+    			}
+    		} else if (match = string.match(rgba)) {
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = parseInt(match[i + 1], 0);
+    			}
 
-    		if (match[4]) {
-    			if (match[5]) {
-    				rgb[3] = parseFloat(match[4]) * 0.01;
-    			} else {
-    				rgb[3] = parseFloat(match[4]);
+    			if (match[4]) {
+    				if (match[5]) {
+    					rgb[3] = parseFloat(match[4]) * 0.01;
+    				} else {
+    					rgb[3] = parseFloat(match[4]);
+    				}
     			}
-    		}
-    	} else if (match = string.match(per)) {
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
-    		}
+    		} else if (match = string.match(per)) {
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
+    			}
 
-    		if (match[4]) {
-    			if (match[5]) {
-    				rgb[3] = parseFloat(match[4]) * 0.01;
-    			} else {
-    				rgb[3] = parseFloat(match[4]);
+    			if (match[4]) {
+    				if (match[5]) {
+    					rgb[3] = parseFloat(match[4]) * 0.01;
+    				} else {
+    					rgb[3] = parseFloat(match[4]);
+    				}
     			}
+    		} else if (match = string.match(keyword)) {
+    			if (match[1] === 'transparent') {
+    				return [0, 0, 0, 0];
+    			}
+
+    			if (!hasOwnProperty.call(colorNames, match[1])) {
+    				return null;
+    			}
+
+    			rgb = colorNames[match[1]];
+    			rgb[3] = 1;
+
+    			return rgb;
+    		} else {
+    			return null;
     		}
-    	} else if (match = string.match(keyword)) {
-    		if (match[1] === 'transparent') {
-    			return [0, 0, 0, 0];
+
+    		for (i = 0; i < 3; i++) {
+    			rgb[i] = clamp(rgb[i], 0, 255);
     		}
+    		rgb[3] = clamp(rgb[3], 0, 1);
 
-    		if (!hasOwnProperty.call(colorNames, match[1])) {
+    		return rgb;
+    	};
+
+    	cs.get.hsl = function (string) {
+    		if (!string) {
     			return null;
     		}
 
-    		rgb = colorNames[match[1]];
-    		rgb[3] = 1;
+    		var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    		var match = string.match(hsl);
 
-    		return rgb;
-    	} else {
-    		return null;
-    	}
+    		if (match) {
+    			var alpha = parseFloat(match[4]);
+    			var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+    			var s = clamp(parseFloat(match[2]), 0, 100);
+    			var l = clamp(parseFloat(match[3]), 0, 100);
+    			var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
 
-    	for (i = 0; i < 3; i++) {
-    		rgb[i] = clamp(rgb[i], 0, 255);
-    	}
-    	rgb[3] = clamp(rgb[3], 0, 1);
+    			return [h, s, l, a];
+    		}
 
-    	return rgb;
-    };
-
-    cs.get.hsl = function (string) {
-    	if (!string) {
     		return null;
-    	}
+    	};
 
-    	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    	var match = string.match(hsl);
+    	cs.get.hwb = function (string) {
+    		if (!string) {
+    			return null;
+    		}
 
-    	if (match) {
-    		var alpha = parseFloat(match[4]);
-    		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
-    		var s = clamp(parseFloat(match[2]), 0, 100);
-    		var l = clamp(parseFloat(match[3]), 0, 100);
-    		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    		var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    		var match = string.match(hwb);
 
-    		return [h, s, l, a];
-    	}
+    		if (match) {
+    			var alpha = parseFloat(match[4]);
+    			var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+    			var w = clamp(parseFloat(match[2]), 0, 100);
+    			var b = clamp(parseFloat(match[3]), 0, 100);
+    			var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    			return [h, w, b, a];
+    		}
 
-    	return null;
-    };
-
-    cs.get.hwb = function (string) {
-    	if (!string) {
     		return null;
-    	}
+    	};
 
-    	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    	var match = string.match(hwb);
+    	cs.to.hex = function () {
+    		var rgba = swizzle(arguments);
 
-    	if (match) {
-    		var alpha = parseFloat(match[4]);
-    		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
-    		var w = clamp(parseFloat(match[2]), 0, 100);
-    		var b = clamp(parseFloat(match[3]), 0, 100);
-    		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
-    		return [h, w, b, a];
-    	}
+    		return (
+    			'#' +
+    			hexDouble(rgba[0]) +
+    			hexDouble(rgba[1]) +
+    			hexDouble(rgba[2]) +
+    			(rgba[3] < 1
+    				? (hexDouble(Math.round(rgba[3] * 255)))
+    				: '')
+    		);
+    	};
 
-    	return null;
-    };
+    	cs.to.rgb = function () {
+    		var rgba = swizzle(arguments);
 
-    cs.to.hex = function () {
-    	var rgba = swizzle(arguments);
+    		return rgba.length < 4 || rgba[3] === 1
+    			? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'
+    			: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';
+    	};
 
-    	return (
-    		'#' +
-    		hexDouble(rgba[0]) +
-    		hexDouble(rgba[1]) +
-    		hexDouble(rgba[2]) +
-    		(rgba[3] < 1
-    			? (hexDouble(Math.round(rgba[3] * 255)))
-    			: '')
-    	);
-    };
+    	cs.to.rgb.percent = function () {
+    		var rgba = swizzle(arguments);
 
-    cs.to.rgb = function () {
-    	var rgba = swizzle(arguments);
+    		var r = Math.round(rgba[0] / 255 * 100);
+    		var g = Math.round(rgba[1] / 255 * 100);
+    		var b = Math.round(rgba[2] / 255 * 100);
 
-    	return rgba.length < 4 || rgba[3] === 1
-    		? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'
-    		: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';
-    };
+    		return rgba.length < 4 || rgba[3] === 1
+    			? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'
+    			: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';
+    	};
 
-    cs.to.rgb.percent = function () {
-    	var rgba = swizzle(arguments);
+    	cs.to.hsl = function () {
+    		var hsla = swizzle(arguments);
+    		return hsla.length < 4 || hsla[3] === 1
+    			? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'
+    			: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
+    	};
 
-    	var r = Math.round(rgba[0] / 255 * 100);
-    	var g = Math.round(rgba[1] / 255 * 100);
-    	var b = Math.round(rgba[2] / 255 * 100);
+    	// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
+    	// (hwb have alpha optional & 1 is default value)
+    	cs.to.hwb = function () {
+    		var hwba = swizzle(arguments);
 
-    	return rgba.length < 4 || rgba[3] === 1
-    		? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'
-    		: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';
-    };
+    		var a = '';
+    		if (hwba.length >= 4 && hwba[3] !== 1) {
+    			a = ', ' + hwba[3];
+    		}
 
-    cs.to.hsl = function () {
-    	var hsla = swizzle(arguments);
-    	return hsla.length < 4 || hsla[3] === 1
-    		? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'
-    		: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
-    };
+    		return 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';
+    	};
 
-    // hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
-    // (hwb have alpha optional & 1 is default value)
-    cs.to.hwb = function () {
-    	var hwba = swizzle(arguments);
+    	cs.to.keyword = function (rgb) {
+    		return reverseNames[rgb.slice(0, 3)];
+    	};
 
-    	var a = '';
-    	if (hwba.length >= 4 && hwba[3] !== 1) {
-    		a = ', ' + hwba[3];
+    	// helpers
+    	function clamp(num, min, max) {
+    		return Math.min(Math.max(min, num), max);
     	}
 
-    	return 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';
-    };
-
-    cs.to.keyword = function (rgb) {
-    	return reverseNames[rgb.slice(0, 3)];
-    };
-
-    // helpers
-    function clamp(num, min, max) {
-    	return Math.min(Math.max(min, num), max);
+    	function hexDouble(num) {
+    		var str = Math.round(num).toString(16).toUpperCase();
+    		return (str.length < 2) ? '0' + str : str;
+    	}
+    	return colorString$1.exports;
     }
 
-    function hexDouble(num) {
-    	var str = Math.round(num).toString(16).toUpperCase();
-    	return (str.length < 2) ? '0' + str : str;
-    }
-
-    var colorStringExports = colorString$1.exports;
+    var colorStringExports = requireColorString();
     var colorString = /*@__PURE__*/getDefaultExportFromCjs(colorStringExports);
@@ -1186,2 +1216,27 @@
     }
+    function getFindersSVGPath(matrix, size = 0, margin = 0, borderRadius = 0) {
+        const matrixSize = matrix.length * size + margin * 2;
+        let finderSize = 8;
+        let finderEnd = finderSize - 1;
+        const sides = [[0, 0], [1, 0], [0, 1]];
+        const rectangles = [];
+        for (const side of sides) {
+            const signs = side.map(sidePoint => sidePoint == 0 ? 1 : -1);
+            for (const offset of [0, 1, 2]) {
+                let corners = [
+                    [matrixSize * side[0] + signs[0] * (margin + size * offset), matrixSize * side[1] + signs[1] * (margin + size * offset)],
+                    [matrixSize * side[0] + signs[0] * (margin + size * (finderEnd - offset)), matrixSize * side[1] + signs[1] * (margin + size * (finderEnd - offset))],
+                ];
+                let rectangle = [
+                    'M', corners[0][0], corners[0][1],
+                    'L', corners[0][0], corners[1][1],
+                    'L', corners[1][0], corners[1][1],
+                    'L', corners[1][0], corners[0][1],
+                    'z',
+                ];
+                rectangles.push(...rectangle);
+            }
+        }
+        return rectangles.join(" ");
+    }
     function getDotsSVGPath(matrix, size, margin = 0, borderRadius = 0) {
@@ -1552,2 +1607,5 @@ let rectangles = [];
         context.fillRect(0, 0, imageSizePx, imageSizePx);
+        const findersPath = new Path2D(getFindersSVGPath(matrix, size, marginPx, borderRadius));
+        context.fillStyle = colorToHex(color);
+        context.fill(findersPath, "evenodd");
         const path = new Path2D(getDotsSVGPath(matrix, size, marginPx, borderRadius));
@@ -1554,0 +1612,0 @@ context.fillStyle = colorToHex(color);

lib/browser/svg.umd.js

@@ -734,440 +734,470 @@ (function (global, factory) {
 
-    var colorName = {
-    	"aliceblue": [240, 248, 255],
-    	"antiquewhite": [250, 235, 215],
-    	"aqua": [0, 255, 255],
-    	"aquamarine": [127, 255, 212],
-    	"azure": [240, 255, 255],
-    	"beige": [245, 245, 220],
-    	"bisque": [255, 228, 196],
-    	"black": [0, 0, 0],
-    	"blanchedalmond": [255, 235, 205],
-    	"blue": [0, 0, 255],
-    	"blueviolet": [138, 43, 226],
-    	"brown": [165, 42, 42],
-    	"burlywood": [222, 184, 135],
-    	"cadetblue": [95, 158, 160],
-    	"chartreuse": [127, 255, 0],
-    	"chocolate": [210, 105, 30],
-    	"coral": [255, 127, 80],
-    	"cornflowerblue": [100, 149, 237],
-    	"cornsilk": [255, 248, 220],
-    	"crimson": [220, 20, 60],
-    	"cyan": [0, 255, 255],
-    	"darkblue": [0, 0, 139],
-    	"darkcyan": [0, 139, 139],
-    	"darkgoldenrod": [184, 134, 11],
-    	"darkgray": [169, 169, 169],
-    	"darkgreen": [0, 100, 0],
-    	"darkgrey": [169, 169, 169],
-    	"darkkhaki": [189, 183, 107],
-    	"darkmagenta": [139, 0, 139],
-    	"darkolivegreen": [85, 107, 47],
-    	"darkorange": [255, 140, 0],
-    	"darkorchid": [153, 50, 204],
-    	"darkred": [139, 0, 0],
-    	"darksalmon": [233, 150, 122],
-    	"darkseagreen": [143, 188, 143],
-    	"darkslateblue": [72, 61, 139],
-    	"darkslategray": [47, 79, 79],
-    	"darkslategrey": [47, 79, 79],
-    	"darkturquoise": [0, 206, 209],
-    	"darkviolet": [148, 0, 211],
-    	"deeppink": [255, 20, 147],
-    	"deepskyblue": [0, 191, 255],
-    	"dimgray": [105, 105, 105],
-    	"dimgrey": [105, 105, 105],
-    	"dodgerblue": [30, 144, 255],
-    	"firebrick": [178, 34, 34],
-    	"floralwhite": [255, 250, 240],
-    	"forestgreen": [34, 139, 34],
-    	"fuchsia": [255, 0, 255],
-    	"gainsboro": [220, 220, 220],
-    	"ghostwhite": [248, 248, 255],
-    	"gold": [255, 215, 0],
-    	"goldenrod": [218, 165, 32],
-    	"gray": [128, 128, 128],
-    	"green": [0, 128, 0],
-    	"greenyellow": [173, 255, 47],
-    	"grey": [128, 128, 128],
-    	"honeydew": [240, 255, 240],
-    	"hotpink": [255, 105, 180],
-    	"indianred": [205, 92, 92],
-    	"indigo": [75, 0, 130],
-    	"ivory": [255, 255, 240],
-    	"khaki": [240, 230, 140],
-    	"lavender": [230, 230, 250],
-    	"lavenderblush": [255, 240, 245],
-    	"lawngreen": [124, 252, 0],
-    	"lemonchiffon": [255, 250, 205],
-    	"lightblue": [173, 216, 230],
-    	"lightcoral": [240, 128, 128],
-    	"lightcyan": [224, 255, 255],
-    	"lightgoldenrodyellow": [250, 250, 210],
-    	"lightgray": [211, 211, 211],
-    	"lightgreen": [144, 238, 144],
-    	"lightgrey": [211, 211, 211],
-    	"lightpink": [255, 182, 193],
-    	"lightsalmon": [255, 160, 122],
-    	"lightseagreen": [32, 178, 170],
-    	"lightskyblue": [135, 206, 250],
-    	"lightslategray": [119, 136, 153],
-    	"lightslategrey": [119, 136, 153],
-    	"lightsteelblue": [176, 196, 222],
-    	"lightyellow": [255, 255, 224],
-    	"lime": [0, 255, 0],
-    	"limegreen": [50, 205, 50],
-    	"linen": [250, 240, 230],
-    	"magenta": [255, 0, 255],
-    	"maroon": [128, 0, 0],
-    	"mediumaquamarine": [102, 205, 170],
-    	"mediumblue": [0, 0, 205],
-    	"mediumorchid": [186, 85, 211],
-    	"mediumpurple": [147, 112, 219],
-    	"mediumseagreen": [60, 179, 113],
-    	"mediumslateblue": [123, 104, 238],
-    	"mediumspringgreen": [0, 250, 154],
-    	"mediumturquoise": [72, 209, 204],
-    	"mediumvioletred": [199, 21, 133],
-    	"midnightblue": [25, 25, 112],
-    	"mintcream": [245, 255, 250],
-    	"mistyrose": [255, 228, 225],
-    	"moccasin": [255, 228, 181],
-    	"navajowhite": [255, 222, 173],
-    	"navy": [0, 0, 128],
-    	"oldlace": [253, 245, 230],
-    	"olive": [128, 128, 0],
-    	"olivedrab": [107, 142, 35],
-    	"orange": [255, 165, 0],
-    	"orangered": [255, 69, 0],
-    	"orchid": [218, 112, 214],
-    	"palegoldenrod": [238, 232, 170],
-    	"palegreen": [152, 251, 152],
-    	"paleturquoise": [175, 238, 238],
-    	"palevioletred": [219, 112, 147],
-    	"papayawhip": [255, 239, 213],
-    	"peachpuff": [255, 218, 185],
-    	"peru": [205, 133, 63],
-    	"pink": [255, 192, 203],
-    	"plum": [221, 160, 221],
-    	"powderblue": [176, 224, 230],
-    	"purple": [128, 0, 128],
-    	"rebeccapurple": [102, 51, 153],
-    	"red": [255, 0, 0],
-    	"rosybrown": [188, 143, 143],
-    	"royalblue": [65, 105, 225],
-    	"saddlebrown": [139, 69, 19],
-    	"salmon": [250, 128, 114],
-    	"sandybrown": [244, 164, 96],
-    	"seagreen": [46, 139, 87],
-    	"seashell": [255, 245, 238],
-    	"sienna": [160, 82, 45],
-    	"silver": [192, 192, 192],
-    	"skyblue": [135, 206, 235],
-    	"slateblue": [106, 90, 205],
-    	"slategray": [112, 128, 144],
-    	"slategrey": [112, 128, 144],
-    	"snow": [255, 250, 250],
-    	"springgreen": [0, 255, 127],
-    	"steelblue": [70, 130, 180],
-    	"tan": [210, 180, 140],
-    	"teal": [0, 128, 128],
-    	"thistle": [216, 191, 216],
-    	"tomato": [255, 99, 71],
-    	"turquoise": [64, 224, 208],
-    	"violet": [238, 130, 238],
-    	"wheat": [245, 222, 179],
-    	"white": [255, 255, 255],
-    	"whitesmoke": [245, 245, 245],
-    	"yellow": [255, 255, 0],
-    	"yellowgreen": [154, 205, 50]
-    };
+    var colorName;
+    var hasRequiredColorName;
 
+    function requireColorName () {
+    	if (hasRequiredColorName) return colorName;
+    	hasRequiredColorName = 1;
+
+    	colorName = {
+    		"aliceblue": [240, 248, 255],
+    		"antiquewhite": [250, 235, 215],
+    		"aqua": [0, 255, 255],
+    		"aquamarine": [127, 255, 212],
+    		"azure": [240, 255, 255],
+    		"beige": [245, 245, 220],
+    		"bisque": [255, 228, 196],
+    		"black": [0, 0, 0],
+    		"blanchedalmond": [255, 235, 205],
+    		"blue": [0, 0, 255],
+    		"blueviolet": [138, 43, 226],
+    		"brown": [165, 42, 42],
+    		"burlywood": [222, 184, 135],
+    		"cadetblue": [95, 158, 160],
+    		"chartreuse": [127, 255, 0],
+    		"chocolate": [210, 105, 30],
+    		"coral": [255, 127, 80],
+    		"cornflowerblue": [100, 149, 237],
+    		"cornsilk": [255, 248, 220],
+    		"crimson": [220, 20, 60],
+    		"cyan": [0, 255, 255],
+    		"darkblue": [0, 0, 139],
+    		"darkcyan": [0, 139, 139],
+    		"darkgoldenrod": [184, 134, 11],
+    		"darkgray": [169, 169, 169],
+    		"darkgreen": [0, 100, 0],
+    		"darkgrey": [169, 169, 169],
+    		"darkkhaki": [189, 183, 107],
+    		"darkmagenta": [139, 0, 139],
+    		"darkolivegreen": [85, 107, 47],
+    		"darkorange": [255, 140, 0],
+    		"darkorchid": [153, 50, 204],
+    		"darkred": [139, 0, 0],
+    		"darksalmon": [233, 150, 122],
+    		"darkseagreen": [143, 188, 143],
+    		"darkslateblue": [72, 61, 139],
+    		"darkslategray": [47, 79, 79],
+    		"darkslategrey": [47, 79, 79],
+    		"darkturquoise": [0, 206, 209],
+    		"darkviolet": [148, 0, 211],
+    		"deeppink": [255, 20, 147],
+    		"deepskyblue": [0, 191, 255],
+    		"dimgray": [105, 105, 105],
+    		"dimgrey": [105, 105, 105],
+    		"dodgerblue": [30, 144, 255],
+    		"firebrick": [178, 34, 34],
+    		"floralwhite": [255, 250, 240],
+    		"forestgreen": [34, 139, 34],
+    		"fuchsia": [255, 0, 255],
+    		"gainsboro": [220, 220, 220],
+    		"ghostwhite": [248, 248, 255],
+    		"gold": [255, 215, 0],
+    		"goldenrod": [218, 165, 32],
+    		"gray": [128, 128, 128],
+    		"green": [0, 128, 0],
+    		"greenyellow": [173, 255, 47],
+    		"grey": [128, 128, 128],
+    		"honeydew": [240, 255, 240],
+    		"hotpink": [255, 105, 180],
+    		"indianred": [205, 92, 92],
+    		"indigo": [75, 0, 130],
+    		"ivory": [255, 255, 240],
+    		"khaki": [240, 230, 140],
+    		"lavender": [230, 230, 250],
+    		"lavenderblush": [255, 240, 245],
+    		"lawngreen": [124, 252, 0],
+    		"lemonchiffon": [255, 250, 205],
+    		"lightblue": [173, 216, 230],
+    		"lightcoral": [240, 128, 128],
+    		"lightcyan": [224, 255, 255],
+    		"lightgoldenrodyellow": [250, 250, 210],
+    		"lightgray": [211, 211, 211],
+    		"lightgreen": [144, 238, 144],
+    		"lightgrey": [211, 211, 211],
+    		"lightpink": [255, 182, 193],
+    		"lightsalmon": [255, 160, 122],
+    		"lightseagreen": [32, 178, 170],
+    		"lightskyblue": [135, 206, 250],
+    		"lightslategray": [119, 136, 153],
+    		"lightslategrey": [119, 136, 153],
+    		"lightsteelblue": [176, 196, 222],
+    		"lightyellow": [255, 255, 224],
+    		"lime": [0, 255, 0],
+    		"limegreen": [50, 205, 50],
+    		"linen": [250, 240, 230],
+    		"magenta": [255, 0, 255],
+    		"maroon": [128, 0, 0],
+    		"mediumaquamarine": [102, 205, 170],
+    		"mediumblue": [0, 0, 205],
+    		"mediumorchid": [186, 85, 211],
+    		"mediumpurple": [147, 112, 219],
+    		"mediumseagreen": [60, 179, 113],
+    		"mediumslateblue": [123, 104, 238],
+    		"mediumspringgreen": [0, 250, 154],
+    		"mediumturquoise": [72, 209, 204],
+    		"mediumvioletred": [199, 21, 133],
+    		"midnightblue": [25, 25, 112],
+    		"mintcream": [245, 255, 250],
+    		"mistyrose": [255, 228, 225],
+    		"moccasin": [255, 228, 181],
+    		"navajowhite": [255, 222, 173],
+    		"navy": [0, 0, 128],
+    		"oldlace": [253, 245, 230],
+    		"olive": [128, 128, 0],
+    		"olivedrab": [107, 142, 35],
+    		"orange": [255, 165, 0],
+    		"orangered": [255, 69, 0],
+    		"orchid": [218, 112, 214],
+    		"palegoldenrod": [238, 232, 170],
+    		"palegreen": [152, 251, 152],
+    		"paleturquoise": [175, 238, 238],
+    		"palevioletred": [219, 112, 147],
+    		"papayawhip": [255, 239, 213],
+    		"peachpuff": [255, 218, 185],
+    		"peru": [205, 133, 63],
+    		"pink": [255, 192, 203],
+    		"plum": [221, 160, 221],
+    		"powderblue": [176, 224, 230],
+    		"purple": [128, 0, 128],
+    		"rebeccapurple": [102, 51, 153],
+    		"red": [255, 0, 0],
+    		"rosybrown": [188, 143, 143],
+    		"royalblue": [65, 105, 225],
+    		"saddlebrown": [139, 69, 19],
+    		"salmon": [250, 128, 114],
+    		"sandybrown": [244, 164, 96],
+    		"seagreen": [46, 139, 87],
+    		"seashell": [255, 245, 238],
+    		"sienna": [160, 82, 45],
+    		"silver": [192, 192, 192],
+    		"skyblue": [135, 206, 235],
+    		"slateblue": [106, 90, 205],
+    		"slategray": [112, 128, 144],
+    		"slategrey": [112, 128, 144],
+    		"snow": [255, 250, 250],
+    		"springgreen": [0, 255, 127],
+    		"steelblue": [70, 130, 180],
+    		"tan": [210, 180, 140],
+    		"teal": [0, 128, 128],
+    		"thistle": [216, 191, 216],
+    		"tomato": [255, 99, 71],
+    		"turquoise": [64, 224, 208],
+    		"violet": [238, 130, 238],
+    		"wheat": [245, 222, 179],
+    		"white": [255, 255, 255],
+    		"whitesmoke": [245, 245, 245],
+    		"yellow": [255, 255, 0],
+    		"yellowgreen": [154, 205, 50]
+    	};
+    	return colorName;
+    }
+
     var simpleSwizzle = {exports: {}};
 
-    var isArrayish$1 = function isArrayish(obj) {
-    	if (!obj || typeof obj === 'string') {
-    		return false;
-    	}
+    var isArrayish;
+    var hasRequiredIsArrayish;
 
-    	return obj instanceof Array || Array.isArray(obj) ||
-    		(obj.length >= 0 && (obj.splice instanceof Function ||
-    			(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));
-    };
+    function requireIsArrayish () {
+    	if (hasRequiredIsArrayish) return isArrayish;
+    	hasRequiredIsArrayish = 1;
+    	isArrayish = function isArrayish(obj) {
+    		if (!obj || typeof obj === 'string') {
+    			return false;
+    		}
 
-    var isArrayish = isArrayish$1;
+    		return obj instanceof Array || Array.isArray(obj) ||
+    			(obj.length >= 0 && (obj.splice instanceof Function ||
+    				(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));
+    	};
+    	return isArrayish;
+    }
 
-    var concat = Array.prototype.concat;
-    var slice = Array.prototype.slice;
+    var hasRequiredSimpleSwizzle;
 
-    var swizzle$1 = simpleSwizzle.exports = function swizzle(args) {
-    	var results = [];
+    function requireSimpleSwizzle () {
+    	if (hasRequiredSimpleSwizzle) return simpleSwizzle.exports;
+    	hasRequiredSimpleSwizzle = 1;
 
-    	for (var i = 0, len = args.length; i < len; i++) {
-    		var arg = args[i];
+    	var isArrayish = requireIsArrayish();
 
-    		if (isArrayish(arg)) {
-    			// http://jsperf.com/javascript-array-concat-vs-push/98
-    			results = concat.call(results, slice.call(arg));
-    		} else {
-    			results.push(arg);
+    	var concat = Array.prototype.concat;
+    	var slice = Array.prototype.slice;
+
+    	var swizzle = simpleSwizzle.exports = function swizzle(args) {
+    		var results = [];
+
+    		for (var i = 0, len = args.length; i < len; i++) {
+    			var arg = args[i];
+
+    			if (isArrayish(arg)) {
+    				// http://jsperf.com/javascript-array-concat-vs-push/98
+    				results = concat.call(results, slice.call(arg));
+    			} else {
+    				results.push(arg);
+    			}
     		}
-    	}
 
-    	return results;
-    };
+    		return results;
+    	};
 
-    swizzle$1.wrap = function (fn) {
-    	return function () {
-    		return fn(swizzle$1(arguments));
+    	swizzle.wrap = function (fn) {
+    		return function () {
+    			return fn(swizzle(arguments));
+    		};
     	};
-    };
+    	return simpleSwizzle.exports;
+    }
 
-    var simpleSwizzleExports = simpleSwizzle.exports;
-
     /* MIT license */
 
-    var colorNames = colorName;
-    var swizzle = simpleSwizzleExports;
-    var hasOwnProperty = Object.hasOwnProperty;
+    var hasRequiredColorString;
 
-    var reverseNames = Object.create(null);
+    function requireColorString () {
+    	if (hasRequiredColorString) return colorString$1.exports;
+    	hasRequiredColorString = 1;
+    	var colorNames = requireColorName();
+    	var swizzle = requireSimpleSwizzle();
+    	var hasOwnProperty = Object.hasOwnProperty;
 
-    // create a list of reverse color names
-    for (var name in colorNames) {
-    	if (hasOwnProperty.call(colorNames, name)) {
-    		reverseNames[colorNames[name]] = name;
+    	var reverseNames = Object.create(null);
+
+    	// create a list of reverse color names
+    	for (var name in colorNames) {
+    		if (hasOwnProperty.call(colorNames, name)) {
+    			reverseNames[colorNames[name]] = name;
+    		}
     	}
-    }
 
-    var cs = colorString$1.exports = {
-    	to: {},
-    	get: {}
-    };
+    	var cs = colorString$1.exports = {
+    		to: {},
+    		get: {}
+    	};
 
-    cs.get = function (string) {
-    	var prefix = string.substring(0, 3).toLowerCase();
-    	var val;
-    	var model;
-    	switch (prefix) {
-    		case 'hsl':
-    			val = cs.get.hsl(string);
-    			model = 'hsl';
-    			break;
-    		case 'hwb':
-    			val = cs.get.hwb(string);
-    			model = 'hwb';
-    			break;
-    		default:
-    			val = cs.get.rgb(string);
-    			model = 'rgb';
-    			break;
-    	}
+    	cs.get = function (string) {
+    		var prefix = string.substring(0, 3).toLowerCase();
+    		var val;
+    		var model;
+    		switch (prefix) {
+    			case 'hsl':
+    				val = cs.get.hsl(string);
+    				model = 'hsl';
+    				break;
+    			case 'hwb':
+    				val = cs.get.hwb(string);
+    				model = 'hwb';
+    				break;
+    			default:
+    				val = cs.get.rgb(string);
+    				model = 'rgb';
+    				break;
+    		}
 
-    	if (!val) {
-    		return null;
-    	}
+    		if (!val) {
+    			return null;
+    		}
 
-    	return {model: model, value: val};
-    };
+    		return {model: model, value: val};
+    	};
 
-    cs.get.rgb = function (string) {
-    	if (!string) {
-    		return null;
-    	}
+    	cs.get.rgb = function (string) {
+    		if (!string) {
+    			return null;
+    		}
 
-    	var abbr = /^#([a-f0-9]{3,4})$/i;
-    	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
-    	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
-    	var keyword = /^(\w+)$/;
+    		var abbr = /^#([a-f0-9]{3,4})$/i;
+    		var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
+    		var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+    		var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+    		var keyword = /^(\w+)$/;
 
-    	var rgb = [0, 0, 0, 1];
-    	var match;
-    	var i;
-    	var hexAlpha;
+    		var rgb = [0, 0, 0, 1];
+    		var match;
+    		var i;
+    		var hexAlpha;
 
-    	if (match = string.match(hex)) {
-    		hexAlpha = match[2];
-    		match = match[1];
+    		if (match = string.match(hex)) {
+    			hexAlpha = match[2];
+    			match = match[1];
 
-    		for (i = 0; i < 3; i++) {
-    			// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
-    			var i2 = i * 2;
-    			rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
-    		}
+    			for (i = 0; i < 3; i++) {
+    				// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19
+    				var i2 = i * 2;
+    				rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
+    			}
 
-    		if (hexAlpha) {
-    			rgb[3] = parseInt(hexAlpha, 16) / 255;
-    		}
-    	} else if (match = string.match(abbr)) {
-    		match = match[1];
-    		hexAlpha = match[3];
+    			if (hexAlpha) {
+    				rgb[3] = parseInt(hexAlpha, 16) / 255;
+    			}
+    		} else if (match = string.match(abbr)) {
+    			match = match[1];
+    			hexAlpha = match[3];
 
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = parseInt(match[i] + match[i], 16);
-    		}
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = parseInt(match[i] + match[i], 16);
+    			}
 
-    		if (hexAlpha) {
-    			rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
-    		}
-    	} else if (match = string.match(rgba)) {
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = parseInt(match[i + 1], 0);
-    		}
+    			if (hexAlpha) {
+    				rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
+    			}
+    		} else if (match = string.match(rgba)) {
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = parseInt(match[i + 1], 0);
+    			}
 
-    		if (match[4]) {
-    			if (match[5]) {
-    				rgb[3] = parseFloat(match[4]) * 0.01;
-    			} else {
-    				rgb[3] = parseFloat(match[4]);
+    			if (match[4]) {
+    				if (match[5]) {
+    					rgb[3] = parseFloat(match[4]) * 0.01;
+    				} else {
+    					rgb[3] = parseFloat(match[4]);
+    				}
     			}
-    		}
-    	} else if (match = string.match(per)) {
-    		for (i = 0; i < 3; i++) {
-    			rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
-    		}
+    		} else if (match = string.match(per)) {
+    			for (i = 0; i < 3; i++) {
+    				rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
+    			}
 
-    		if (match[4]) {
-    			if (match[5]) {
-    				rgb[3] = parseFloat(match[4]) * 0.01;
-    			} else {
-    				rgb[3] = parseFloat(match[4]);
+    			if (match[4]) {
+    				if (match[5]) {
+    					rgb[3] = parseFloat(match[4]) * 0.01;
+    				} else {
+    					rgb[3] = parseFloat(match[4]);
+    				}
     			}
+    		} else if (match = string.match(keyword)) {
+    			if (match[1] === 'transparent') {
+    				return [0, 0, 0, 0];
+    			}
+
+    			if (!hasOwnProperty.call(colorNames, match[1])) {
+    				return null;
+    			}
+
+    			rgb = colorNames[match[1]];
+    			rgb[3] = 1;
+
+    			return rgb;
+    		} else {
+    			return null;
     		}
-    	} else if (match = string.match(keyword)) {
-    		if (match[1] === 'transparent') {
-    			return [0, 0, 0, 0];
+
+    		for (i = 0; i < 3; i++) {
+    			rgb[i] = clamp(rgb[i], 0, 255);
     		}
+    		rgb[3] = clamp(rgb[3], 0, 1);
 
-    		if (!hasOwnProperty.call(colorNames, match[1])) {
+    		return rgb;
+    	};
+
+    	cs.get.hsl = function (string) {
+    		if (!string) {
     			return null;
     		}
 
-    		rgb = colorNames[match[1]];
-    		rgb[3] = 1;
+    		var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    		var match = string.match(hsl);
 
-    		return rgb;
-    	} else {
-    		return null;
-    	}
+    		if (match) {
+    			var alpha = parseFloat(match[4]);
+    			var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+    			var s = clamp(parseFloat(match[2]), 0, 100);
+    			var l = clamp(parseFloat(match[3]), 0, 100);
+    			var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
 
-    	for (i = 0; i < 3; i++) {
-    		rgb[i] = clamp(rgb[i], 0, 255);
-    	}
-    	rgb[3] = clamp(rgb[3], 0, 1);
+    			return [h, s, l, a];
+    		}
 
-    	return rgb;
-    };
-
-    cs.get.hsl = function (string) {
-    	if (!string) {
     		return null;
-    	}
+    	};
 
-    	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    	var match = string.match(hsl);
+    	cs.get.hwb = function (string) {
+    		if (!string) {
+    			return null;
+    		}
 
-    	if (match) {
-    		var alpha = parseFloat(match[4]);
-    		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
-    		var s = clamp(parseFloat(match[2]), 0, 100);
-    		var l = clamp(parseFloat(match[3]), 0, 100);
-    		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    		var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+    		var match = string.match(hwb);
 
-    		return [h, s, l, a];
-    	}
+    		if (match) {
+    			var alpha = parseFloat(match[4]);
+    			var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+    			var w = clamp(parseFloat(match[2]), 0, 100);
+    			var b = clamp(parseFloat(match[3]), 0, 100);
+    			var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+    			return [h, w, b, a];
+    		}
 
-    	return null;
-    };
-
-    cs.get.hwb = function (string) {
-    	if (!string) {
     		return null;
-    	}
+    	};
 
-    	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
-    	var match = string.match(hwb);
+    	cs.to.hex = function () {
+    		var rgba = swizzle(arguments);
 
-    	if (match) {
-    		var alpha = parseFloat(match[4]);
-    		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
-    		var w = clamp(parseFloat(match[2]), 0, 100);
-    		var b = clamp(parseFloat(match[3]), 0, 100);
-    		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
-    		return [h, w, b, a];
-    	}
+    		return (
+    			'#' +
+    			hexDouble(rgba[0]) +
+    			hexDouble(rgba[1]) +
+    			hexDouble(rgba[2]) +
+    			(rgba[3] < 1
+    				? (hexDouble(Math.round(rgba[3] * 255)))
+    				: '')
+    		);
+    	};
 
-    	return null;
-    };
+    	cs.to.rgb = function () {
+    		var rgba = swizzle(arguments);
 
-    cs.to.hex = function () {
-    	var rgba = swizzle(arguments);
+    		return rgba.length < 4 || rgba[3] === 1
+    			? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'
+    			: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';
+    	};
 
-    	return (
-    		'#' +
-    		hexDouble(rgba[0]) +
-    		hexDouble(rgba[1]) +
-    		hexDouble(rgba[2]) +
-    		(rgba[3] < 1
-    			? (hexDouble(Math.round(rgba[3] * 255)))
-    			: '')
-    	);
-    };
+    	cs.to.rgb.percent = function () {
+    		var rgba = swizzle(arguments);
 
-    cs.to.rgb = function () {
-    	var rgba = swizzle(arguments);
+    		var r = Math.round(rgba[0] / 255 * 100);
+    		var g = Math.round(rgba[1] / 255 * 100);
+    		var b = Math.round(rgba[2] / 255 * 100);
 
-    	return rgba.length < 4 || rgba[3] === 1
-    		? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'
-    		: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';
-    };
+    		return rgba.length < 4 || rgba[3] === 1
+    			? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'
+    			: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';
+    	};
 
-    cs.to.rgb.percent = function () {
-    	var rgba = swizzle(arguments);
+    	cs.to.hsl = function () {
+    		var hsla = swizzle(arguments);
+    		return hsla.length < 4 || hsla[3] === 1
+    			? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'
+    			: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
+    	};
 
-    	var r = Math.round(rgba[0] / 255 * 100);
-    	var g = Math.round(rgba[1] / 255 * 100);
-    	var b = Math.round(rgba[2] / 255 * 100);
+    	// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
+    	// (hwb have alpha optional & 1 is default value)
+    	cs.to.hwb = function () {
+    		var hwba = swizzle(arguments);
 
-    	return rgba.length < 4 || rgba[3] === 1
-    		? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'
-    		: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';
-    };
+    		var a = '';
+    		if (hwba.length >= 4 && hwba[3] !== 1) {
+    			a = ', ' + hwba[3];
+    		}
 
-    cs.to.hsl = function () {
-    	var hsla = swizzle(arguments);
-    	return hsla.length < 4 || hsla[3] === 1
-    		? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'
-    		: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
-    };
+    		return 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';
+    	};
 
-    // hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
-    // (hwb have alpha optional & 1 is default value)
-    cs.to.hwb = function () {
-    	var hwba = swizzle(arguments);
+    	cs.to.keyword = function (rgb) {
+    		return reverseNames[rgb.slice(0, 3)];
+    	};
 
-    	var a = '';
-    	if (hwba.length >= 4 && hwba[3] !== 1) {
-    		a = ', ' + hwba[3];
+    	// helpers
+    	function clamp(num, min, max) {
+    		return Math.min(Math.max(min, num), max);
     	}
 
-    	return 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';
-    };
-
-    cs.to.keyword = function (rgb) {
-    	return reverseNames[rgb.slice(0, 3)];
-    };
-
-    // helpers
-    function clamp(num, min, max) {
-    	return Math.min(Math.max(min, num), max);
+    	function hexDouble(num) {
+    		var str = Math.round(num).toString(16).toUpperCase();
+    		return (str.length < 2) ? '0' + str : str;
+    	}
+    	return colorString$1.exports;
     }
 
-    function hexDouble(num) {
-    	var str = Math.round(num).toString(16).toUpperCase();
-    	return (str.length < 2) ? '0' + str : str;
-    }
-
-    var colorStringExports = colorString$1.exports;
+    var colorStringExports = requireColorString();
     var colorString = /*@__PURE__*/getDefaultExportFromCjs(colorStringExports);
@@ -1174,0 +1204,0 @@

lib/png_browser.js

 import { QR } from "./qr-base.js";
-import { colorToHex, getOptions, getDotsSVGPath } from "./utils.js";
+import { colorToHex, getOptions, getDotsSVGPath, getFindersSVGPath } from "./utils.js";
 import { Base64 } from "js-base64";
@@ -42,2 +42,5 @@ import { clearMatrixCenter, zeroFillFinders } from "./matrix.js";
     context.fillRect(0, 0, imageSizePx, imageSizePx);
+    const findersPath = new Path2D(getFindersSVGPath(matrix, size, marginPx, borderRadius));
+    context.fillStyle = colorToHex(color);
+    context.fill(findersPath, "evenodd");
     const path = new Path2D(getDotsSVGPath(matrix, size, marginPx, borderRadius));
@@ -44,0 +47,0 @@ context.fillStyle = colorToHex(color);

package.json

 {
     "name": "qreator",
-    "version": "9.5.0",
+    "version": "9.5.1",
     "description": "QR Code generator for browser and node.js with tree shaking and logo support",
@@ -59,6 +59,6 @@ "homepage": "https://github.com/Short-io/qreator",
         "@ava/typescript": "^5.0.0",
-        "@rollup/plugin-commonjs": "^25.0.7",
+        "@rollup/plugin-commonjs": "^28.0.0",
         "@rollup/plugin-json": "^6.1.0",
-        "@rollup/plugin-node-resolve": "^15.2.3",
-        "@rollup/plugin-typescript": "^11.1.6",
+        "@rollup/plugin-node-resolve": "^15.3.0",
+        "@rollup/plugin-typescript": "^12.1.0",
         "@size-limit/preset-small-lib": "^11.1.4",
@@ -94,3 +94,3 @@ "@types/color-string": "^1.5.5",
         "pdf-lib": "^1.17.1",
-        "sharp": "^0.33.4"
+        "sharp": "^0.33.5"
     },
@@ -97,0 +97,0 @@ "overrides": {

src/png_browser.ts

 import { QR } from "./qr-base.js";
-import { colorToHex, getOptions, getDotsSVGPath } from "./utils.js";
+import { colorToHex, getOptions, getDotsSVGPath, getFindersSVGPath } from "./utils.js";
 import { ImageOptions, Matrix } from "./typing/types";
@@ -60,2 +60,5 @@ import { Base64 } from "js-base64";
 
+    const findersPath = new Path2D(getFindersSVGPath(matrix, size, marginPx, borderRadius));
+    context.fillStyle = colorToHex(color);
+    context.fill(findersPath, "evenodd");
     const path = new Path2D(getDotsSVGPath(matrix, size, marginPx, borderRadius));
@@ -62,0 +65,0 @@ context.fillStyle = colorToHex(color);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3833727

increased by0.13%

Lines of code

32854

increased by0.71%

Dependency changes

• Updatedsharp@^0.33.5