大家好，我是前端西瓜哥。 之前我们实现了画布缩放的功能，本文来讲讲如何让内容缩放至适应画布大小（Zoom to fit）。 我们看看效果。 缩放至适应画布 总体思路： 计算包裹住所有图形的大包围盒 b

最近在做一个项目涉及到加载第三方字体的问题,首批需要支持一百多种字体,然后首先想到的就是@fant-face,但是在实际应用中发现无法满足当前需求. 目前的项目是用canvas的一个开源库fabric.js实现图片和文字的拖动,放大,缩小,旋转等操作,需要对文字设置不同字体的功…

笔者开源了一个`Web`思维导图，虽然借助`showSaveFilePicker`等`api`可以直接操作电脑本地文件，但终归不能离线使用，所以就萌发了做一个客户端的想法，作为一个只会前端的废物，做客

最近接到一个需求，要做一个流程设计的功能，大概长下面这个样子： 支持添加、编辑和删除节点，节点只有四种类型：开始节点、普通节点、分支节点、结束节点。 因为每个节点只有一个进和一个出，且节点不需要支持拖

相信大家或多或少都在各种网站上使用过新手引导，当网站提供的功能有点复杂时，这是一个对新手非常友好的功能，可以跟随新手引导一步一步了解网站的各种功能，我们要做的只是点击下一步或者上一步，网站就能滚动到指

canvas 是一个可以通过 JavaScript 脚本来绘制图形的 HTML 元素，殊不知，如果滥用 canvas，内存就会慢慢被它吃掉。

如果你用惯了process-on 和 drawio这类流程图工具，那么是时候试试白板了，发挥你的想象力，创造不一样的东西。

本文会带各位从零实现一个简单的地图引擎，来帮助大家了解`GIS`基础知识及`Web`地图的实现原理。

在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的. 在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的. 当前我们用来绘制文本的样式. 这个字符串使用和 CSS font 属性相同的语法. 默认的字体是 10px sans-serif。 文本对齐选项. 可选…