微信分享图片组件（小程序 ）

需求：点击分享，d出遮罩层，可分享给好友，可保存分享，canvas中的自适应（缩放、裁剪）

技术：canvas 2，vant-weapp-ui

思路：计划将整个分享都写成一个自定义组件，由于一些bug，没能实现，部分还是需要写在页面中。

share组件:

sharewxml

sharejs 含有canvas绘制白色背景，canvas文本换行，绘制，原比例缩小裁剪，自适应，保存等方法

微信小程序生成之后，生成不清楚。需要设置canvas里生成的参数。

destWidth 生成的宽度，数值越大越清楚。

destHeight 生成的高度，数值越大越清楚。

数值不是越大越好，数值越大，生成的越大，加载的也就越慢

wxcanvasToTempFilePath({

x: 0,

y: 0,

width: w,

height: h,

destWidth: w,

destHeight: h,

canvasId: 'shareCanvas',

success: function (res) {

wxsaveImageToPhotosAlbum({

filePath: restempFilePath,

success(res) {

wxshowToast({

title: '已经生成',

icon: 'loading',

duration: 1000

});

}

})

微信小程序js数据怎么一个数据定义两个：大家都知道微信小程序自适应，是一个比较常见的需求，平时我们在WEBView中，只需要设置max-width:100%在微信里面虽然widthFix也能实现，但有一个缺陷就是的宽度值要大于或者等于设定的值，否则就会发生拉伸变形，本文通过另外一种来适应。

没有高度，加载时从第最高高度变到最适合高度。解决方案：

1、image{height：auto}，全局设置自适应。

2、让显示完在触发的事件bindload，在事件内部给高度。

3、给设置高度。

以上就是关于微信分享图片组件（小程序 ）全部的内容，包括:微信分享图片组件（小程序 ）、微信小程序设置图片清晰度、微信小程序js数据怎么一个数据定义两个图片等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！