前几天群里有人发了一个新 Canvas 渲染引擎的图片，看数据和宣传口号相当炸裂，号称只用 1.5s 可以渲染 100 万个矩形，还是个国产的。

本系列文章将会从0开始，实现一个canvas渲染引擎，并介绍每一步的实现细节，在这个渲染引擎里......

S2 是基于 canvas 开发的多维可视分析表格，在实际的业务场景开发中，我们发现有 2 种使用场景会导致 表格渲染模糊 不同 DPR 的设备之间来回切换：比如一台 mac （视网膜屏）, 外接一台

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上。不过，在测试过程中却发现，在移动端的浏览器上，绘制的内容展示十分模糊（如下图），经过分析之…

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

一、坐标系统概述 SVG 主要用到的是 笛卡尔直角坐标系 原点 互相垂直的两条数轴 角度定义 通常数学角度来看是 逆时针，Y 轴朝上，但是 SVG 的坐标系是 顺时针，Y 轴朝下。 二、四个坐标系 用