微信小程序点击生成朋友圈分享图(遇到的坑)
版权申诉
5星 · 超过95%的资源 129 浏览量
2020-11-20
09:04:56
上传
评论
收藏 168KB PDF 举报 
微信小程序点击生成朋友圈分享图微信小程序点击生成朋友圈分享图(遇到的坑遇到的坑)
上个月boss交给我个微信小程序的活，告诉我只需要负责前端页面这块，问我多久做完，于是我不知天高地厚的说 一礼拜就
能完工，哈哈哈，果然，现实总是那么无情的来打脸了。。。磨磨蹭蹭一共用了将近3个礼拜才算完事。
今天就来总结下遇到的各种坑好了~~~
由于做的是仿照包你说的小程序，这里就借用包你说的截图好啦
（这个做出来是模拟器跟真机上都会显示生成的图片的，鬼知道是为啥。。）
唔，不废话了，直接上代码好啦
A:wxml(一定要加上image标签，如果你没有加的话，那么即使图片生成了，在页面上也是不会显示的，问过大神之后我才知
道我之前一直没弄出来是因为我没加image标签)
<view hidden="{{maskHidden}}" class="mask"></view>
<view class='canvas-box'>
<canvas style="width:750rpx; height:940rpx;" canvas-id="myCanvas"/>
<image src='{{imagePath}}'></image>
</view>
B:wxss（canvas-box的样式运行出来不会受影响，就是千万别写top：0；一定要往下点，要不然会遮盖住原页面本身的东
西，导致原页面button按钮全没效果）
.mask
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0,1);
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
}
.canvas-box
{
position: fixed;
top: 999999rpx;left: 0
}
资源评论
向日葵儿开在夏天2022-10-21这个资源总结的也太全面了吧，内容详实，对我帮助很大。- 2301_773078222023-08-31资源使用价值高，内容详实，给了我很多新想法，感谢大佬分享~
