image-blur-svg.js 930 B

1234567891011121314
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.getImageBlurSvg = getImageBlurSvg;
  6. function getImageBlurSvg({ widthInt , heightInt , blurWidth , blurHeight , blurDataURL }) {
  7. const std = blurWidth && blurHeight ? '1' : '20';
  8. const svgWidth = blurWidth || widthInt;
  9. const svgHeight = blurHeight || heightInt;
  10. const feComponentTransfer = blurDataURL.startsWith('data:image/jpeg') ? `%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%` : '';
  11. return `%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 ${svgWidth} ${svgHeight}'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='${std}'/%3E${feComponentTransfer}%3C/filter%3E%3Cimage filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='${blurDataURL}'/%3E%3C/svg%3E`;
  12. }
  13. //# sourceMappingURL=image-blur-svg.js.map