我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 前言 说起图片的马赛克，可能一般都是由后端实现然后传递图片到前端，但是前端也是可以通过canvas来为图片加上马赛克的，下面就通过码上掘金来

处理兼容性的问题 1、用文本替换 检测支持性 步骤： 1、 先再js里获取canvas 2、 获得2d上下文  var ctx=can.getContext（“2d”） 绘制矩形 canvas只支持一

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

贝塞尔曲线不懂画？不知道怎么回事？看这一篇就够了！用图形，点曲线运动图和公式推导，让你彻底搞懂贝塞尔曲线的运行原理！

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

前言 大家好，我是林三心，回想起我当年校招的时候啊，多次被面试官问到canvas，但是我却不会，后来一直想找个机会学一下canvas，但是一直没时间。canvas在前端的地位是越来越重要了，为此，我特

Canvas 是 HTML5 新增的画布元素，通过 JS 可以像画笔一样绘制图形。本篇就来全面介绍关于 Canvas 绘制的一切方法和属性（Canvas API）。

svg 可缩放矢量图形（Scalable Vector Graphics，SVG），是一种用于描述二维的矢量图形，基于 XML 的标记语言, 这意味着可以使用任何文本编辑器(如记事本)

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