• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序,获取网络SVG图片宽高算法

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
  • 该算法来源于小程序开发社区一位大佬帮我搞的.
/**
 * 获取网络SVG图片宽高
 * @param src SVG网络资源链接
 */
public static GetSvgInfoFormUrl = (src: string): Promise<any> =>
  new Promise((resolve, reject) => {
    request({ url: src }).then((res: any) => {
      const { data } = res;
      // <svg height="" width=""
      const r1: RegExp = /(?:[\S\s]+)?<svg(?=.*(height)="(\d+)(?:[^"]+)?")(?=.*(width)="(\d+)(?:[^"]+)?")(?:[\S\s]+)?/;
      // <svg viewBox="0 0 1103 711"
      const r2: RegExp = /(?:[\S\s]+)?viewBox="\d+ \d+ (\d+) (\d+)"(?:[\S\s]+)?/;
      // <svg style="height:***px;width:***px"
      const r3: RegExp = /(?:[\S\s]+)?(?:<svg[^>]+style="(?=.*(height):(\d+)(?:[^>]+)?)(?=.*(width):(\d+)(?:[^>]+)?))(?:[\S\s]+)?/;
      let str: string = \'{}\';
      let info: { width: number; height: number } = { width: 0, height: 0 };
      let isSuccess: boolean = false;
      try {
        str = data
          .replace(r1, \'{"$1":$2,"$3":$4}\')
          .replace(/\$(2|4)/, \'0\')
          .replace(/\$1/, \'height\')
          .replace(/\$3/, \'width\');
        if (str.length > 45) isSuccess = false;
        else {
          isSuccess = true;
          info = JSON.parse(str);
        }
        if (!isSuccess) {
          str = data.replace(r2, \'{"width":$1,"height":$2}\').replace(/\$(1|2)/, \'0\');
          if (str.length > 45) isSuccess = false;
          else {
            isSuccess = true;
            info = JSON.parse(str);
          }
          console.log(\'r2\', info);
        }
        if (!isSuccess) {
          str = data
            .replace(r3, \'{"$1":$2,"$3":$4}\')
            .replace(/\$(2|4)/, \'0\')
            .replace(/\$1/, \'height\')
            .replace(/\$3/, \'width\');
          if (str.length > 45) isSuccess = false;
          else {
            isSuccess = true;
            info = JSON.parse(str);
          }
          console.log(\'r3\', info);
        }
      } catch (error) {
        console.log(error);
        reject(error);
      }
      if (isSuccess) resolve(info);
      else reject(new Error(\'无法正确解析SVG数据\'));
    });
  });

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
uniapp小程序-工具安装-项目创建-项目运行发布时间:2022-07-18
下一篇:
网页或微信小程序中使元素占满整个屏幕高度发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap