行业内不断出现使用大型 3D 场景呈现的互动类项目，我们团队也跟上发展步伐，在此将积累下来的开发经验和优化策略和大家分享一下。

这个需求如题，大体上是将文章的评论数据，在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候，花了挺多精力的，踩了很多坑，现将弹幕的实现思路写出来，如果喜欢的话可以点波赞/关注，支持一下，希望大家看完本文可以有所收获。 实现弹幕的原理，并不算太复杂，耗费一些时间，怼一怼应该…

最近要做一个生成海报的h5, 原理就是用canvas的drawImageAPI把图片画出来，想着应该很简单，却发现里面有大坑。在填完坑后分享下解决方案，文章主要围绕以下两个问题来展开。 1. demo初试 2. canvas大小错误以及模糊 在浏览器的 window 对象中有一…

随着APP的获客成本越来越高，很多产品开始从wap页引流，而最常见的方式便是分享，尤其是在微信中。因此诞生了一些新玩法，比如生成一张海报图片，用户可以保存或分享到其他平台。 本文将介绍如何生成一张海报图片，以及可能会碰到的问题和解决方案。 目前移动端浏览器对于canvas的支持…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

canvas 可以实现对图像的像素操作，这就要说到 getImageData() 方法了。 CanvasRenderingContext2D.getImageData() 返回一个 ImageData 对象，用来描述 canvas 区域隐含的像素数据，这个区域通过矩形表示，起始…

中心红色球是太阳，水蓝色小球是地球。可以看出地球的运行轨道是椭圆，验证了开普勒三定律的第一条。在近日点运行速度比较快，远日点比较慢，符合常识。 不到半个小时吧，其实掌握原理后实现起来还是比较快的。 原理相对来说还是简单的，前提是要使用向量工具。 1. 用向量来思考问题 本系列的…

项目整体已经给出，那么我们就撸起袖子加油干吧。 上面我们提到了canvas的事情，所以呢，这就是制作弹幕的杀手锏了。我们利用canvas绘图来实现弹幕的功能 创建实例很简单，没有对象，只需要new一个就有了，哈哈。接下来，说回正事，我们赶紧完成上面代码中todo的部分，来完善C…

需要实现的功能随机产生一张图片拿到微信用户的头像和称呢（自己调后端的接口获取）把用户头像和称呢和随机产生一张图片合成一张海报可能上一页用户还有填入的心愿文本也要填入图片中实现效果图记录下在实现功能过程