系列文章传送门： 【wed前端初级课程】第一章 什么是HTML 【web前端初级课程】第二章 CSS层叠样式表 【web前端初级课程】第三章 CSS的特殊样式 【web前端初级课程】第四章 什么是JavaScript 【web前端初级课程】第五章 常用的内置模块 【web前端初级课程】第六…

访问地址 reset.css /*** Eric Meyers Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)* http://cssreset.com*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, de…

小程序目前只支持转发，不支持分享朋友圈，为了能实现分享，很多线上小程序通过生成分享图片，保存到相册来给用户增加分享的可能。 具体思路及简要代码如下： 一：canvas画图drawCanvas:function(){var that th…

最近开发中要实现一个需求，用户点击分享生成一个图片海报，可以供用户发朋友圈或者其他使用（感觉没人会用~），用到了小程序canvas，和web上的功能基本一样，记录一下。 ---还没上线一周，…

微信小程序不支持直接分享到朋友圈简直是一个大坑，最开始自己写了一个原始版本的canvas海报生成方式，结果发现生成的海报不是变形就是不适配所有屏幕，着实头疼了不少时间，前端实在太菜，偶然下载了一个电商小程序&#…

效果图 <view><canvas class"canvas" style"width: {{canvas_width}}px;height:{{canvas_height}}px;" canvas-id"mycanvas"></canvas><view class"pop"><view class"popbg" bindtap"get…

想要绘制这样的海报 1.结构 <!-- 生成海报的canvas --> <view class"my-canvas-box" touchmove.stop.prevent :class"posterInfo.status ? show : hide" click"posterInfo.status false"><canvas class"my-canvas"…

使用canvas生成海报 wxml <view><canvas class="canvas" style="width: {{canvas_width}}px;height:{{canvas_height}}px;" canvas-id="mycanvas"></canvas><view class="pop"><view class="popbg&…