面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

本文你将会学会如何使用canvas绘画优美的线条 线条属性 1、lineCap属性 lineCap 定义上下文中线的端点，可以有以下 3 个值。 butt：默认值，端点是垂直于线段边缘的平直边缘。 r

translate（dx，dy）：平移坐标系。相当于把原来位于（0，0）位置的坐标原点平移到（dx、dy）点。 rotate（angle）：旋转坐标系。该方法控制坐标系统顺时针旋转angle弧度。 scale（sx，sy）：缩放坐标系。该方法控制坐标系统水平方向上缩放sx，垂直…

在刚学习前端知识的时候，相信不少人会对 canvas 感兴趣。有的人偏向于用 canvas 实现酷炫的动画或者小游戏，有的人偏向于实现业务需求（分享页面转图片之类的），当然也有的人会有一些骚操作（将网页用 canvas 实现，传输数据加密，这样很难抓取数据）。 也许你现在没有接…