在上一篇文章中, 我们基于DOM体系构建了超级玛丽, 那么在本篇文章中我们使用canvas对整个架构进行升级, 从而提升游戏的视觉体验。 有需要的同学可以查看源码学习. canvas标签可以让我们能够使用JavaScript在网页上绘制各种样式的图形。要访问实际的绘图接口, 首…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

moveTo是线段的起点，lineTo是线段下一个点，最后使用stroke进行描边。如下代码 content还提供了strokeStyle和lineWidth两个方法，这两个方法可以的作用是描边颜色，线宽。 这是因为canvas是基于状态绘制的，上面一段代码写了strokeSt…