Function getImgSrcsFromElement

scripts/magnify_image.js:449–516

(ele)

  "lazysrc",
];
function getImgSrcsFromElement(ele) {
  if (!ele) return null;

  let fn = [
    () => {
      let srcset = ele.srcset || ele.getAttribute("srcset");
      if (!srcset) {
        // child srcset
        let childs = ele.children;
        if (childs?.length) {
          for (let i = 0; i < childs.length; i++) {
            let _ = childs[i].srcset;
            if (_) srcset += _ + ", ";
          }
        }
      }
      if (!srcset) return;
      return getLargestSrcset(srcset);
    },
    () => {
      // if (/img|picture|source|image|a/i.test(ele.tagName))
      for (let i in lazyImgAttr) {
        let attrName = lazyImgAttr[i];
        let attrValue = ele.getAttribute(attrName);
        if (/\bimagecover\.\w+$/i.test(attrValue)) continue;
        if (attrValue) {
          return attrValue;
        }
      }
    },
    () => getBg(ele),
    () => {
      if (/image/i.test(ele.tagName)) {
        return ele.getAttribute("href"); // reddit
      }
      if (/svg/i.test(ele.tagName)) {
        return [svgToBase64(ele), svgToBlobUrl(ele)];
      }
      if (/canvas/i.test(ele.tagName)) {
        return ele.toDataURL();
      }
      if (/video/i.test(ele.tagName)) {
        // get current capture frame
        let canvas = document.createElement("canvas");
        canvas.width = ele.videoWidth;
        canvas.height = ele.videoHeight;
        canvas.getContext("2d").drawImage(ele, 0, 0);
        let dataURL = canvas.toDataURL();
        canvas.remove();
        return dataURL;
      }
    },
  ];

  let results = [];
  for (let f of fn) {
    try {
      let srcs = f();