媆媆_ 2023-05-15 17:48 采纳率: 31.8%
浏览 5

微信自定义分享可以设置分享图标宽高吗

微信自定义分享可以设置分享图标宽高吗?

jweixin.updateAppMessageShareData({
      desc: '',
      title: '', // 分享标题
      link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名
      imgUrl: '', // 分享图标
      success: function () {},
    });

  • 写回答

2条回答 默认 最新

  • Leodong. 2023-05-15 17:52
    关注

    该回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下:
    微信自定义分享可以设置分享图标的宽高,但需要先将图片下载到本地,然后使用图片处理库对图片进行处理,最后再将处理后的图片作为分享图标传递给微信。

    在 Vue.js 中,您可以使用类似以下的代码来设置分享图标的宽高:

    import imageProcessingLibrary from 'image-processing-library'; // 导入图片处理库
    
    // 下载图片并进行处理
    let img = new Image();
    img.src = '分享图标的 URL';
    img.onload = function() {
      let processedImage = imageProcessingLibrary(img, {
        width: '100px',
        height: '100px'
      }); // 通过图片处理库对图片进行处理
      jweixin.updateAppMessageShareData({
        desc: '',
        title: '', // 分享标题
        link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名
        imgUrl: processedImage.src, // 分享图标
        success: function () {},
      });
    };
    

    其中,imageProcessingLibrary 库可以是任何一款支持图片处理的 JavaScript 库,例如 canvaspicasharp 等。在本例中,我们假设 imageProcessingLibrary 是一款可以设置图片宽高的图片处理库。

    需要注意的是,在处理图片时,请注意保持图片的比例,以免出现拉伸或压缩的情况。同时,为了提高用户体验,建议在下载和处理图片期间显示加载动画或者占位图,以减少用户等待时间。


    如果以上回答对您有所帮助,点击一下采纳该答案~谢谢

    评论

报告相同问题?

问题事件

  • 创建了问题 5月15日

悬赏问题

  • ¥30 要求把带有文件的上级文件夹改成文件的名字。要求BAT
  • ¥30 不会,学习,有偿解答
  • ¥15 SQL查询语句报错(检查)
  • ¥15 此表中公式应该怎么写
  • ¥15 求HI-TECH PICC 9.50 PL3安装包
  • ¥15 下载ctorch报错,求解
  • ¥15 如何入门学习c语言,单片机
  • ¥15 idea 编辑语言的选择
  • ¥15 Windows下部署Asmjit
  • ¥15 请问双层规划模型的上下层目标函数不一致,是如何保证迭代收敛性的