微信小程序里面的 名片怎么制作 带图片显示 和位置 还有手机号的

Posted 2023-05-16

微信小程序里面的 名片怎么制作 带图片显示 和位置 还有手机号的微信小程序名片怎么制作 可以显示图片 和地址 还有手机号的 如图中这样的

参考技术A 有专门的名片小程序，到小程序里面搜索，如果是要在专门的一个小程序里面体现的话到公众号后台申请门店小程序即可 参考技术B 输入相关联系人信息，就可以在线生成电子名片。 参考技术C 有这样的小程序名片的，你可以用智享名片，一键申请即可

微信小程序首页图片模糊

制作微信小程序首页图片的时候图片模糊，我想咨询一下：我测试的图片宽度为375像素，分辨率300 这样制作出来的图片是很清晰的。但是最近在网页上下载的一些模版 图片尺寸远大于375的宽度，有些图片1900*2000多的尺寸 但是分辨率只有72 于是我简单的保持分辨率不变 把图片尺寸缩小到375宽度 发现制作出来很不清晰。后来尝试把图片宽度调到375宽度的3倍 分辨率72 这样制作出来就清楚了 但是放到小程序里面之后发现图片又不清楚了 是不是上传到小程序图片库的时候图片会被压缩 另外我小程序还不能在手机上浏览 我不知道在手机上浏览会不会清晰 所以在这发帖问一问高手 望不吝赐教 什么样的情况下 让分辨率不高的图片 在小程序里面清晰的显示出来 不胜感激

小程序里面图片的添加一般都会有尺寸要求，按照尺寸要求添加既可以了，并不是图片越大越好，有些不符合尺寸要求的图片上传后就会变形，这也会导致图片模糊。 参考技术A 将canvas大小设为(1200*800)，使用css将canvas缩放到适应屏幕大小。(此步骤可省略,直接设置destWidth和destHeight乘以像素比即可)

这在开发工具的模拟器中是没有问题的，然而在真机测试的时候是无效的，不管用的是transform还是zoom。

本质上就是生成一个更大的图片，因为手机的屏幕设备的像素比现在一般都是超过2的。实际上我们只需要在使用wx.canvasToTempFilePath的时候，设置参数destWidth和destHeight(输出的宽度和高度)为width和height的2倍以上即可。

当然，这个具体数值也可以wx.getSystemInfo这个API来获取设备的像素比了（pixelRatio），这个像素比作为以上数值。 参考技术B 小程序顶部banner轮播图建议尺寸是：750(长) * 375(宽)
如果放在手机上实在是失真的话，不如重新制作一张呢 参考技术C 你做的上传图片有几个问题
微信小程序上传图片之前，
第一，图片大小无关，但是内存大，找个图片压缩官网上传图片压缩出来，内存越小越好，最多再次压缩出来，图片自然内存小较好，以免加载太久出来的图片。

第二，可能是你们程序员忽略代码问题，
有没有自适应代码？如果没有这个，添加480与768的代码句子，百度找个响应式官网的基础手机版的代码句子复制拷贝出来，最终有效果。
样式的图片是img width与height均为auto.

第三，BUG不一定调试出来报错再改下！ 参考技术D 现在使用微信的人越来越多，有些不法分子就想要通过微信来进行诈骗，因此，我们最好给微信设置上独立密码， 为微信安全加把锁。首先打开“微信”，点击“我”，然后进入“设置”。然后设置独立密码，下次打开微信就要输入密码才能进入了。