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.

stackblur.js 19 KiB

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