使用原生canvasAPI绘制水球图，这将是一个非常有意思的挑战任务。水球图是一种常见的加载动画，属于扩展图形，在echarts中使用时需要下载扩展库（同为扩展库的还包括文字云插件和地图插件,项目地址为[链接]）。

一种比较容易做出的是对鼠标移动轨迹画点，再将两点之间以直线相连，最后再进行平滑处理，这种方案不需要什么算法支持，但同样，它面对一个性能和美观的抉择，打的点多，密集，性能相对较低，但更加美观，视觉上…

在项目里写过几个canvas生成分享海报页面后,觉得这是个重复且冗余的工作.于是就想有没有能通过类似json直接生成海报的库.

示例代码托管在：[链接]博客园地址：《大史住在大前端》原创博文目录 华为云社区地址：【你要的前端打怪升级指南】 [TOC] 一. 任务说明 使用原生canvasAPI绘制雷达图。（截图以及数据来自于百度Echarts官方示例库…

使用canvas一步步实现图片打码功能 原文地址 [链接] 预览地址 [链接] 准备工作 demo 基于 vue + elelment-ui 首先创建一个html文件, 并引入 vue 和 elelment-ui(注意还有样式文件) {代码…} 接下来就可以写我们…

上面的代码需要注意的是 arc 方法的最后一侧参数是弧度(2π)不是角度，画圆的起点是表的3点的位置开始画的不是12点位置

示例代码托管在：[链接]博客园地址：《大史住在大前端》原创博文目录 华为云社区地址：【你要的前端打怪升级指南】 [TOC] 一. 任务说明 使用原生canvasAPI绘制K线图。（截图以及数据来自于百度Echarts官方示例库…

背景 前些日子当前端面试官，问了一个问题：“你了解过canvas吗？” “这个我知道，我有做过DEMO，这个不难吧，看着它的api接口就能实现！” 看着他这么（蜜汁）自信，我决定深入了解（为难）一下他！ “电商中大转盘…

示例代码托管在：[链接]博客园地址：《大史住在大前端》原创博文目录 华为云社区地址：【你要的前端打怪升级指南】 [TOC] 一. 任务说明 使用原生canvasAPI绘制散点图。（截图以及数据来自于百度Echarts官方示例库…

在项目中经常会遇到需要将不同的二维码放到一张通用图片上，提供用户下载简单来说，就是利用canvas将同等比例的二维码在图片上叠加，生成海报