本篇如能对您有所帮助，实在是感到荣幸。如有不合理之处也请大家多多指点

这篇文章我准备从实现一个非常简单的曲线动画效果入手，帮助大家彻底地弄懂什么是贝塞尔曲线，以及它有哪些特性，文章中有一点点数学公式，但是都非常简单:)。 在写代码之前，先了解一下什么是贝塞尔曲线吧。 贝塞尔曲线（Bezier curve）是计算机图形学中相当重要的参数曲线，它通过…

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…

注：[n]标识为遗留问题，在文章末尾遗留问题部分有详细解释说明。 之前做了一个在线给图片添加文本框的工具，大体思路是先把图片加载到一个 DOM 结构中，然后通过 html2canvas 导出到一个canvas，最后通过 canvas 自带的 toDataURL 方法导出成图片。…

img：规定要使用的图像、画布或视频。 sx：可选。开始剪切的 x 坐标位置 sy：可选。开始剪切的 y 坐标位置 swidth：可选。被剪切图像的宽度 sheight：可选。被剪切图像的高度 x：在画布上放置图像的 x 坐标位置。 width：可选。要使用的图像的宽度。（伸展…

在工作中，多多少少都会遇到裂变活动的需求。裂变活动，分享海报也是必不可少的一部分。因此，了解一下生成海报的方法还是非常有必要的。

我们的业务涉及电商、教育行业，出于营销以及功能需要，会有很多卡片展示（长按保存）的需求，或者分享长图的需求。以及我们有面向商家的PC端，商家端又能编辑、实时预览卡片的样式。 同样的卡片内容我们需要在两端以两种框架（vue react）分别维护。 考虑到依赖太大（ungzippe…

目前所有的 APP 或者 web 页面都可以直接分享到朋友圈，从朋友圈看到一条分享动态，很难区别这条动态是公众号文章，还是一支 H5 的链接。 相比之下，在朋友圈发一张图片，会更容易吸引朋友的注意，内容也可以更直接的曝光。同时微信可以识别图片中的二维码，又能起到回流作用。 而单…

接到了一个紧急需求，需要根据 Excel 表格中学生的信息以及考试成绩生成相应的海报。 由于需求紧急，没有时间拉上后端同学，所以 Excel 表格的数据解析和海报生成功能都需要由前端开发。