接下来，我会把纯前端实现生成海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看) 长路漫漫，总得有人…

这是我参与更文挑战的第8天，活动详情查看： 更文挑战 前言 我在上一篇文章简单实现了在canvas中移动矩形（点线面），不清楚的小伙伴请看我这篇文章：用canvas 实现矩形的移动（点、线、面）（1）

今天带来的是实现一个简易的二维码海报分享的小组件！我们可以通过配置我们需要展示的数据，用户名啊，二维码图片等，整合在一起渲染，然后导出图片进行分享。 可以利用这个东东，可以做很多变形。例如生成表白网页等（手动滑稽） 目前这个东东只是一个小demo，没有做很细的组件拆分啊，can…

看过复仇者联盟的都知道，灭霸作为计划生育政策的坚定支持者和执行者，一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫，所以在复联4上映后，那个不存在的网站google，推出了一个彩蛋，如果在搜索框搜索灭霸，会出现一个手套的按钮，点击后会让网页搜索结果消…

注：下面实现项目效果主要是关于JavaScript方面的，下面仅仅是提供实现思路的代码，并非全部代码。 css代码可以根据个人习惯进行美化界面，所以这里就不写css的代码了，大家可以直接看项目代码或者从开发者工具中审查元素观看。如果有问题可以私聊我，我觉得问题不大。 首先，准备…

Canvas实现图片缩放、移动等效果。兼容PC端和移动端，熟悉了滚动事件的监听，掌握了canvas拖拽和缩放实现