这是刚接触小程序的时候找到的源码,该小程序无需后台,主要是一些小工具子类的功能,比如花边文字,彩色昵称,文字翅膀,图片九宫格切割等。
整体感觉还是挺不错的,要是运营得当应该还挺吸引用户的,如果不打算使用该小程序,其实也可以看看他的源码,每个功能到底是怎么实现的,也是一种学习的过程。
这个小程序有演示,QQ小程序直接搜索 “游戏取名助手”就可以找到了,UI采用了colorUI,整体看起来还是挺美观的。
给大家看一看九宫格图片切割的代码吧,看起来也挺简单的:
cutImage: function(t) {
var e = this;
wx.getImageInfo({
src: t,
success: function(i) {
var s = i.width, a = i.height;
wx.getSystemInfo({
success: function(i) {
e.setData({
"systemInfo.width": i.windowWidth,
"systemInfo.height": i.windowHeight,
"canvasInfo.width": s,
"canvasInfo.height": a,
"showInfo.width": i.windowWidth,
"showInfo.height": i.windowWidth / s * a
}), e.imageToCanvas(t);
}
});
}
});
},
previewImage: function(t) {
var e = this, i = e.data.canvasInfo, s = t.currentTarget.dataset.index;
wx.canvasToTempFilePath({
canvasId: i.id,
x: s % 3 * i.width / 3,
y: parseInt(s / 3) * i.height / 3,
width: i.width / 3,
height: i.height / 3,
success: function(t) {
console.log("成功路径: " + t.tempFilePath);
var e = [];
e.push(t.tempFilePath), wx.previewImage({
urls: e
});
}
}, e);
},
### 下载方式:
- 关注公众号:阳光艺创站
- 关键词:游戏取名助手
小程序开发者交流区:660459637
版权属于:安好屋
转载时须注明出处及本声明
蓝思科技
什么?