25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 

655 satır
21 KiB

  1. (function (global, factory) {
  2. typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
  3. typeof define === 'function' && define.amd ? define(['exports'], factory) :
  4. (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.StackBlur = {}));
  5. }(this, (function (exports) { 'use strict';
  6. function _typeof(obj) {
  7. "@babel/helpers - typeof";
  8. if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
  9. _typeof = function (obj) {
  10. return typeof obj;
  11. };
  12. } else {
  13. _typeof = function (obj) {
  14. return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
  15. };
  16. }
  17. return _typeof(obj);
  18. }
  19. function _classCallCheck(instance, Constructor) {
  20. if (!(instance instanceof Constructor)) {
  21. throw new TypeError("Cannot call a class as a function");
  22. }
  23. }
  24. /* eslint-disable no-bitwise -- used for calculations */
  25. /* eslint-disable unicorn/prefer-query-selector -- aiming at
  26. backward-compatibility */
  27. /**
  28. * StackBlur - a fast almost Gaussian Blur For Canvas
  29. *
  30. * In case you find this class useful - especially in commercial projects -
  31. * I am not totally unhappy for a small donation to my PayPal account
  32. * mario@quasimondo.de
  33. *
  34. * Or support me on flattr:
  35. * {@link https://flattr.com/thing/72791/StackBlur-a-fast-almost-Gaussian-Blur-Effect-for-CanvasJavascript}.
  36. *
  37. * @module StackBlur
  38. * @author Mario Klingemann
  39. * Contact: mario@quasimondo.com
  40. * Website: {@link http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html}
  41. * Twitter: @quasimondo
  42. *
  43. * @copyright (c) 2010 Mario Klingemann
  44. *
  45. * Permission is hereby granted, free of charge, to any person
  46. * obtaining a copy of this software and associated documentation
  47. * files (the "Software"), to deal in the Software without
  48. * restriction, including without limitation the rights to use,
  49. * copy, modify, merge, publish, distribute, sublicense, and/or sell
  50. * copies of the Software, and to permit persons to whom the
  51. * Software is furnished to do so, subject to the following
  52. * conditions:
  53. *
  54. * The above copyright notice and this permission notice shall be
  55. * included in all copies or substantial portions of the Software.
  56. *
  57. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  58. * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
  59. * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
  60. * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
  61. * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
  62. * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
  63. * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
  64. * OTHER DEALINGS IN THE SOFTWARE.
  65. */
  66. var mulTable = [512, 512, 456, 512, 328, 456, 335, 512, 405, 328, 271, 456, 388, 335, 292, 512, 454, 405, 364, 328, 298, 271, 496, 456, 420, 388, 360, 335, 312, 292, 273, 512, 482, 454, 428, 405, 383, 364, 345, 328, 312, 298, 284, 271, 259, 496, 475, 456, 437, 420, 404, 388, 374, 360, 347, 335, 323, 312, 302, 292, 282, 273, 265, 512, 497, 482, 468, 454, 441, 428, 417, 405, 394, 383, 373, 364, 354, 345, 337, 328, 320, 312, 305, 298, 291, 284, 278, 271, 265, 259, 507, 496, 485, 475, 465, 456, 446, 437, 428, 420, 412, 404, 396, 388, 381, 374, 367, 360, 354, 347, 341, 335, 329, 323, 318, 312, 307, 302, 297, 292, 287, 282, 278, 273, 269, 265, 261, 512, 505, 497, 489, 482, 475, 468, 461, 454, 447, 441, 435, 428, 422, 417, 411, 405, 399, 394, 389, 383, 378, 373, 368, 364, 359, 354, 350, 345, 341, 337, 332, 328, 324, 320, 316, 312, 309, 305, 301, 298, 294, 291, 287, 284, 281, 278, 274, 271, 268, 265, 262, 259, 257, 507, 501, 496, 491, 485, 480, 475, 470, 465, 460, 456, 451, 446, 442, 437, 433, 428, 424, 420, 416, 412, 408, 404, 400, 396, 392, 388, 385, 381, 377, 374, 370, 367, 363, 360, 357, 354, 350, 347, 344, 341, 338, 335, 332, 329, 326, 323, 320, 318, 315, 312, 310, 307, 304, 302, 299, 297, 294, 292, 289, 287, 285, 282, 280, 278, 275, 273, 271, 269, 267, 265, 263, 261, 259];
  67. var shgTable = [9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17, 17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24];
  68. /**
  69. * @param {string|HTMLImageElement} img
  70. * @param {string|HTMLCanvasElement} canvas
  71. * @param {Float} radius
  72. * @param {boolean} blurAlphaChannel
  73. * @param {boolean} useOffset
  74. * @param {boolean} skipStyles
  75. * @returns {undefined}
  76. */
  77. function processImage(img, canvas, radius, blurAlphaChannel, useOffset, skipStyles) {
  78. if (typeof img === 'string') {
  79. img = document.getElementById(img);
  80. }
  81. if (!img || Object.prototype.toString.call(img).slice(8, -1) === 'HTMLImageElement' && !('naturalWidth' in img)) {
  82. return;
  83. }
  84. var dimensionType = useOffset ? 'offset' : 'natural';
  85. var w = img[dimensionType + 'Width'];
  86. var h = img[dimensionType + 'Height']; // add ImageBitmap support,can blur texture source
  87. if (Object.prototype.toString.call(img).slice(8, -1) === 'ImageBitmap') {
  88. w = img.width;
  89. h = img.height;
  90. }
  91. if (typeof canvas === 'string') {
  92. canvas = document.getElementById(canvas);
  93. }
  94. if (!canvas || !('getContext' in canvas)) {
  95. return;
  96. }
  97. if (!skipStyles) {
  98. canvas.style.width = w + 'px';
  99. canvas.style.height = h + 'px';
  100. }
  101. canvas.width = w;
  102. canvas.height = h;
  103. var context = canvas.getContext('2d');
  104. context.clearRect(0, 0, w, h);
  105. context.drawImage(img, 0, 0, img.naturalWidth, img.naturalHeight, 0, 0, w, h);
  106. if (isNaN(radius) || radius < 1) {
  107. return;
  108. }
  109. if (blurAlphaChannel) {
  110. processCanvasRGBA(canvas, 0, 0, w, h, radius);
  111. } else {
  112. processCanvasRGB(canvas, 0, 0, w, h, radius);
  113. }
  114. }
  115. /**
  116. * @param {string|HTMLCanvasElement} canvas
  117. * @param {Integer} topX
  118. * @param {Integer} topY
  119. * @param {Integer} width
  120. * @param {Integer} height
  121. * @throws {Error|TypeError}
  122. * @returns {ImageData} See {@link https://html.spec.whatwg.org/multipage/canvas.html#imagedata}
  123. */
  124. function getImageDataFromCanvas(canvas, topX, topY, width, height) {
  125. if (typeof canvas === 'string') {
  126. canvas = document.getElementById(canvas);
  127. }
  128. if (!canvas || _typeof(canvas) !== 'object' || !('getContext' in canvas)) {
  129. throw new TypeError('Expecting canvas with `getContext` method ' + 'in processCanvasRGB(A) calls!');
  130. }
  131. var context = canvas.getContext('2d');
  132. try {
  133. return context.getImageData(topX, topY, width, height);
  134. } catch (e) {
  135. throw new Error('unable to access image data: ' + e);
  136. }
  137. }
  138. /**
  139. * @param {HTMLCanvasElement} canvas
  140. * @param {Integer} topX
  141. * @param {Integer} topY
  142. * @param {Integer} width
  143. * @param {Integer} height
  144. * @param {Float} radius
  145. * @returns {undefined}
  146. */
  147. function processCanvasRGBA(canvas, topX, topY, width, height, radius) {
  148. if (isNaN(radius) || radius < 1) {
  149. return;
  150. }
  151. radius |= 0;
  152. var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
  153. imageData = processImageDataRGBA(imageData, topX, topY, width, height, radius);
  154. canvas.getContext('2d').putImageData(imageData, topX, topY);
  155. }
  156. /**
  157. * @param {ImageData} imageData
  158. * @param {Integer} topX
  159. * @param {Integer} topY
  160. * @param {Integer} width
  161. * @param {Integer} height
  162. * @param {Float} radius
  163. * @returns {ImageData}
  164. */
  165. function processImageDataRGBA(imageData, topX, topY, width, height, radius) {
  166. var pixels = imageData.data;
  167. var div = 2 * radius + 1; // const w4 = width << 2;
  168. var widthMinus1 = width - 1;
  169. var heightMinus1 = height - 1;
  170. var radiusPlus1 = radius + 1;
  171. var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
  172. var stackStart = new BlurStack();
  173. var stack = stackStart;
  174. var stackEnd;
  175. for (var i = 1; i < div; i++) {
  176. stack = stack.next = new BlurStack();
  177. if (i === radiusPlus1) {
  178. stackEnd = stack;
  179. }
  180. }
  181. stack.next = stackStart;
  182. var stackIn = null,
  183. stackOut = null,
  184. yw = 0,
  185. yi = 0;
  186. var mulSum = mulTable[radius];
  187. var shgSum = shgTable[radius];
  188. for (var y = 0; y < height; y++) {
  189. stack = stackStart;
  190. var pr = pixels[yi],
  191. pg = pixels[yi + 1],
  192. pb = pixels[yi + 2],
  193. pa = pixels[yi + 3];
  194. for (var _i = 0; _i < radiusPlus1; _i++) {
  195. stack.r = pr;
  196. stack.g = pg;
  197. stack.b = pb;
  198. stack.a = pa;
  199. stack = stack.next;
  200. }
  201. var rInSum = 0,
  202. gInSum = 0,
  203. bInSum = 0,
  204. aInSum = 0,
  205. rOutSum = radiusPlus1 * pr,
  206. gOutSum = radiusPlus1 * pg,
  207. bOutSum = radiusPlus1 * pb,
  208. aOutSum = radiusPlus1 * pa,
  209. rSum = sumFactor * pr,
  210. gSum = sumFactor * pg,
  211. bSum = sumFactor * pb,
  212. aSum = sumFactor * pa;
  213. for (var _i2 = 1; _i2 < radiusPlus1; _i2++) {
  214. var p = yi + ((widthMinus1 < _i2 ? widthMinus1 : _i2) << 2);
  215. var r = pixels[p],
  216. g = pixels[p + 1],
  217. b = pixels[p + 2],
  218. a = pixels[p + 3];
  219. var rbs = radiusPlus1 - _i2;
  220. rSum += (stack.r = r) * rbs;
  221. gSum += (stack.g = g) * rbs;
  222. bSum += (stack.b = b) * rbs;
  223. aSum += (stack.a = a) * rbs;
  224. rInSum += r;
  225. gInSum += g;
  226. bInSum += b;
  227. aInSum += a;
  228. stack = stack.next;
  229. }
  230. stackIn = stackStart;
  231. stackOut = stackEnd;
  232. for (var x = 0; x < width; x++) {
  233. var paInitial = aSum * mulSum >>> shgSum;
  234. pixels[yi + 3] = paInitial;
  235. if (paInitial !== 0) {
  236. var _a2 = 255 / paInitial;
  237. pixels[yi] = (rSum * mulSum >>> shgSum) * _a2;
  238. pixels[yi + 1] = (gSum * mulSum >>> shgSum) * _a2;
  239. pixels[yi + 2] = (bSum * mulSum >>> shgSum) * _a2;
  240. } else {
  241. pixels[yi] = pixels[yi + 1] = pixels[yi + 2] = 0;
  242. }
  243. rSum -= rOutSum;
  244. gSum -= gOutSum;
  245. bSum -= bOutSum;
  246. aSum -= aOutSum;
  247. rOutSum -= stackIn.r;
  248. gOutSum -= stackIn.g;
  249. bOutSum -= stackIn.b;
  250. aOutSum -= stackIn.a;
  251. var _p = x + radius + 1;
  252. _p = yw + (_p < widthMinus1 ? _p : widthMinus1) << 2;
  253. rInSum += stackIn.r = pixels[_p];
  254. gInSum += stackIn.g = pixels[_p + 1];
  255. bInSum += stackIn.b = pixels[_p + 2];
  256. aInSum += stackIn.a = pixels[_p + 3];
  257. rSum += rInSum;
  258. gSum += gInSum;
  259. bSum += bInSum;
  260. aSum += aInSum;
  261. stackIn = stackIn.next;
  262. var _stackOut = stackOut,
  263. _r = _stackOut.r,
  264. _g = _stackOut.g,
  265. _b = _stackOut.b,
  266. _a = _stackOut.a;
  267. rOutSum += _r;
  268. gOutSum += _g;
  269. bOutSum += _b;
  270. aOutSum += _a;
  271. rInSum -= _r;
  272. gInSum -= _g;
  273. bInSum -= _b;
  274. aInSum -= _a;
  275. stackOut = stackOut.next;
  276. yi += 4;
  277. }
  278. yw += width;
  279. }
  280. for (var _x = 0; _x < width; _x++) {
  281. yi = _x << 2;
  282. var _pr = pixels[yi],
  283. _pg = pixels[yi + 1],
  284. _pb = pixels[yi + 2],
  285. _pa = pixels[yi + 3],
  286. _rOutSum = radiusPlus1 * _pr,
  287. _gOutSum = radiusPlus1 * _pg,
  288. _bOutSum = radiusPlus1 * _pb,
  289. _aOutSum = radiusPlus1 * _pa,
  290. _rSum = sumFactor * _pr,
  291. _gSum = sumFactor * _pg,
  292. _bSum = sumFactor * _pb,
  293. _aSum = sumFactor * _pa;
  294. stack = stackStart;
  295. for (var _i3 = 0; _i3 < radiusPlus1; _i3++) {
  296. stack.r = _pr;
  297. stack.g = _pg;
  298. stack.b = _pb;
  299. stack.a = _pa;
  300. stack = stack.next;
  301. }
  302. var yp = width;
  303. var _gInSum = 0,
  304. _bInSum = 0,
  305. _aInSum = 0,
  306. _rInSum = 0;
  307. for (var _i4 = 1; _i4 <= radius; _i4++) {
  308. yi = yp + _x << 2;
  309. var _rbs = radiusPlus1 - _i4;
  310. _rSum += (stack.r = _pr = pixels[yi]) * _rbs;
  311. _gSum += (stack.g = _pg = pixels[yi + 1]) * _rbs;
  312. _bSum += (stack.b = _pb = pixels[yi + 2]) * _rbs;
  313. _aSum += (stack.a = _pa = pixels[yi + 3]) * _rbs;
  314. _rInSum += _pr;
  315. _gInSum += _pg;
  316. _bInSum += _pb;
  317. _aInSum += _pa;
  318. stack = stack.next;
  319. if (_i4 < heightMinus1) {
  320. yp += width;
  321. }
  322. }
  323. yi = _x;
  324. stackIn = stackStart;
  325. stackOut = stackEnd;
  326. for (var _y = 0; _y < height; _y++) {
  327. var _p2 = yi << 2;
  328. pixels[_p2 + 3] = _pa = _aSum * mulSum >>> shgSum;
  329. if (_pa > 0) {
  330. _pa = 255 / _pa;
  331. pixels[_p2] = (_rSum * mulSum >>> shgSum) * _pa;
  332. pixels[_p2 + 1] = (_gSum * mulSum >>> shgSum) * _pa;
  333. pixels[_p2 + 2] = (_bSum * mulSum >>> shgSum) * _pa;
  334. } else {
  335. pixels[_p2] = pixels[_p2 + 1] = pixels[_p2 + 2] = 0;
  336. }
  337. _rSum -= _rOutSum;
  338. _gSum -= _gOutSum;
  339. _bSum -= _bOutSum;
  340. _aSum -= _aOutSum;
  341. _rOutSum -= stackIn.r;
  342. _gOutSum -= stackIn.g;
  343. _bOutSum -= stackIn.b;
  344. _aOutSum -= stackIn.a;
  345. _p2 = _x + ((_p2 = _y + radiusPlus1) < heightMinus1 ? _p2 : heightMinus1) * width << 2;
  346. _rSum += _rInSum += stackIn.r = pixels[_p2];
  347. _gSum += _gInSum += stackIn.g = pixels[_p2 + 1];
  348. _bSum += _bInSum += stackIn.b = pixels[_p2 + 2];
  349. _aSum += _aInSum += stackIn.a = pixels[_p2 + 3];
  350. stackIn = stackIn.next;
  351. _rOutSum += _pr = stackOut.r;
  352. _gOutSum += _pg = stackOut.g;
  353. _bOutSum += _pb = stackOut.b;
  354. _aOutSum += _pa = stackOut.a;
  355. _rInSum -= _pr;
  356. _gInSum -= _pg;
  357. _bInSum -= _pb;
  358. _aInSum -= _pa;
  359. stackOut = stackOut.next;
  360. yi += width;
  361. }
  362. }
  363. return imageData;
  364. }
  365. /**
  366. * @param {HTMLCanvasElement} canvas
  367. * @param {Integer} topX
  368. * @param {Integer} topY
  369. * @param {Integer} width
  370. * @param {Integer} height
  371. * @param {Float} radius
  372. * @returns {undefined}
  373. */
  374. function processCanvasRGB(canvas, topX, topY, width, height, radius) {
  375. if (isNaN(radius) || radius < 1) {
  376. return;
  377. }
  378. radius |= 0;
  379. var imageData = getImageDataFromCanvas(canvas, topX, topY, width, height);
  380. imageData = processImageDataRGB(imageData, topX, topY, width, height, radius);
  381. canvas.getContext('2d').putImageData(imageData, topX, topY);
  382. }
  383. /**
  384. * @param {ImageData} imageData
  385. * @param {Integer} topX
  386. * @param {Integer} topY
  387. * @param {Integer} width
  388. * @param {Integer} height
  389. * @param {Float} radius
  390. * @returns {ImageData}
  391. */
  392. function processImageDataRGB(imageData, topX, topY, width, height, radius) {
  393. var pixels = imageData.data;
  394. var div = 2 * radius + 1; // const w4 = width << 2;
  395. var widthMinus1 = width - 1;
  396. var heightMinus1 = height - 1;
  397. var radiusPlus1 = radius + 1;
  398. var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
  399. var stackStart = new BlurStack();
  400. var stack = stackStart;
  401. var stackEnd;
  402. for (var i = 1; i < div; i++) {
  403. stack = stack.next = new BlurStack();
  404. if (i === radiusPlus1) {
  405. stackEnd = stack;
  406. }
  407. }
  408. stack.next = stackStart;
  409. var stackIn = null;
  410. var stackOut = null;
  411. var mulSum = mulTable[radius];
  412. var shgSum = shgTable[radius];
  413. var p, rbs;
  414. var yw = 0,
  415. yi = 0;
  416. for (var y = 0; y < height; y++) {
  417. var pr = pixels[yi],
  418. pg = pixels[yi + 1],
  419. pb = pixels[yi + 2],
  420. rOutSum = radiusPlus1 * pr,
  421. gOutSum = radiusPlus1 * pg,
  422. bOutSum = radiusPlus1 * pb,
  423. rSum = sumFactor * pr,
  424. gSum = sumFactor * pg,
  425. bSum = sumFactor * pb;
  426. stack = stackStart;
  427. for (var _i5 = 0; _i5 < radiusPlus1; _i5++) {
  428. stack.r = pr;
  429. stack.g = pg;
  430. stack.b = pb;
  431. stack = stack.next;
  432. }
  433. var rInSum = 0,
  434. gInSum = 0,
  435. bInSum = 0;
  436. for (var _i6 = 1; _i6 < radiusPlus1; _i6++) {
  437. p = yi + ((widthMinus1 < _i6 ? widthMinus1 : _i6) << 2);
  438. rSum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - _i6);
  439. gSum += (stack.g = pg = pixels[p + 1]) * rbs;
  440. bSum += (stack.b = pb = pixels[p + 2]) * rbs;
  441. rInSum += pr;
  442. gInSum += pg;
  443. bInSum += pb;
  444. stack = stack.next;
  445. }
  446. stackIn = stackStart;
  447. stackOut = stackEnd;
  448. for (var x = 0; x < width; x++) {
  449. pixels[yi] = rSum * mulSum >>> shgSum;
  450. pixels[yi + 1] = gSum * mulSum >>> shgSum;
  451. pixels[yi + 2] = bSum * mulSum >>> shgSum;
  452. rSum -= rOutSum;
  453. gSum -= gOutSum;
  454. bSum -= bOutSum;
  455. rOutSum -= stackIn.r;
  456. gOutSum -= stackIn.g;
  457. bOutSum -= stackIn.b;
  458. p = yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1) << 2;
  459. rInSum += stackIn.r = pixels[p];
  460. gInSum += stackIn.g = pixels[p + 1];
  461. bInSum += stackIn.b = pixels[p + 2];
  462. rSum += rInSum;
  463. gSum += gInSum;
  464. bSum += bInSum;
  465. stackIn = stackIn.next;
  466. rOutSum += pr = stackOut.r;
  467. gOutSum += pg = stackOut.g;
  468. bOutSum += pb = stackOut.b;
  469. rInSum -= pr;
  470. gInSum -= pg;
  471. bInSum -= pb;
  472. stackOut = stackOut.next;
  473. yi += 4;
  474. }
  475. yw += width;
  476. }
  477. for (var _x2 = 0; _x2 < width; _x2++) {
  478. yi = _x2 << 2;
  479. var _pr2 = pixels[yi],
  480. _pg2 = pixels[yi + 1],
  481. _pb2 = pixels[yi + 2],
  482. _rOutSum2 = radiusPlus1 * _pr2,
  483. _gOutSum2 = radiusPlus1 * _pg2,
  484. _bOutSum2 = radiusPlus1 * _pb2,
  485. _rSum2 = sumFactor * _pr2,
  486. _gSum2 = sumFactor * _pg2,
  487. _bSum2 = sumFactor * _pb2;
  488. stack = stackStart;
  489. for (var _i7 = 0; _i7 < radiusPlus1; _i7++) {
  490. stack.r = _pr2;
  491. stack.g = _pg2;
  492. stack.b = _pb2;
  493. stack = stack.next;
  494. }
  495. var _rInSum2 = 0,
  496. _gInSum2 = 0,
  497. _bInSum2 = 0;
  498. for (var _i8 = 1, yp = width; _i8 <= radius; _i8++) {
  499. yi = yp + _x2 << 2;
  500. _rSum2 += (stack.r = _pr2 = pixels[yi]) * (rbs = radiusPlus1 - _i8);
  501. _gSum2 += (stack.g = _pg2 = pixels[yi + 1]) * rbs;
  502. _bSum2 += (stack.b = _pb2 = pixels[yi + 2]) * rbs;
  503. _rInSum2 += _pr2;
  504. _gInSum2 += _pg2;
  505. _bInSum2 += _pb2;
  506. stack = stack.next;
  507. if (_i8 < heightMinus1) {
  508. yp += width;
  509. }
  510. }
  511. yi = _x2;
  512. stackIn = stackStart;
  513. stackOut = stackEnd;
  514. for (var _y2 = 0; _y2 < height; _y2++) {
  515. p = yi << 2;
  516. pixels[p] = _rSum2 * mulSum >>> shgSum;
  517. pixels[p + 1] = _gSum2 * mulSum >>> shgSum;
  518. pixels[p + 2] = _bSum2 * mulSum >>> shgSum;
  519. _rSum2 -= _rOutSum2;
  520. _gSum2 -= _gOutSum2;
  521. _bSum2 -= _bOutSum2;
  522. _rOutSum2 -= stackIn.r;
  523. _gOutSum2 -= stackIn.g;
  524. _bOutSum2 -= stackIn.b;
  525. p = _x2 + ((p = _y2 + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
  526. _rSum2 += _rInSum2 += stackIn.r = pixels[p];
  527. _gSum2 += _gInSum2 += stackIn.g = pixels[p + 1];
  528. _bSum2 += _bInSum2 += stackIn.b = pixels[p + 2];
  529. stackIn = stackIn.next;
  530. _rOutSum2 += _pr2 = stackOut.r;
  531. _gOutSum2 += _pg2 = stackOut.g;
  532. _bOutSum2 += _pb2 = stackOut.b;
  533. _rInSum2 -= _pr2;
  534. _gInSum2 -= _pg2;
  535. _bInSum2 -= _pb2;
  536. stackOut = stackOut.next;
  537. yi += width;
  538. }
  539. }
  540. return imageData;
  541. }
  542. /**
  543. *
  544. */
  545. var BlurStack =
  546. /**
  547. * Set properties.
  548. */
  549. function BlurStack() {
  550. _classCallCheck(this, BlurStack);
  551. this.r = 0;
  552. this.g = 0;
  553. this.b = 0;
  554. this.a = 0;
  555. this.next = null;
  556. };
  557. exports.BlurStack = BlurStack;
  558. exports.canvasRGB = processCanvasRGB;
  559. exports.canvasRGBA = processCanvasRGBA;
  560. exports.image = processImage;
  561. exports.imageDataRGB = processImageDataRGB;
  562. exports.imageDataRGBA = processImageDataRGBA;
  563. Object.defineProperty(exports, '__esModule', { value: true });
  564. })));