飞书、谷歌、石墨、腾讯表格都是使用 canvas 来实现的，表格中的富文本也都是使用 canvas 来渲染的，这篇文章将讲解如何使用 canvas 来渲染富文本。

前言 大家好，我是林三心。写这篇文章是有原因的，偶然我看到了一个Java的50种排序算法的可视化的视频，但是此视频却没给出具体的实现教程，于是我心里就想着，我可以用JavaScript + canva

基础的页面结构 这个样子。。。。 还行吧 初始化一些变量，获取 canvas 元素，获取 ctx 上下文。为 canvas 设置画笔的颜色，填充色。hearts 数组为后面设置爱心的数组。 onRes

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