写过原生 Canvas 的朋友都懂： API 低级到怀疑人生——画个带圆角的矩形就要 20 行起步，缩放、拖拽、层级管理全靠自己实现。 节点一多直接 PPT——超过 5000 个元素，页面卡成幻灯片。

目标 Monaco Editor基础用法 配置自定义内容补全 概述 Monaco Editor 是 VS Code 底层的代码编辑器，开源协议是MIT，支持Edge、 Chrome、Firefox、S

近几年，在技术领域低代码是比较热门的话题，比如阿里云推出了易搭，通过简单的拖拽、配置，即可完成业务应用的搭建，腾讯云则是推出了微搭，通过行业化模板、拖放式组件和可视化配置快速构建多端应用。 低代码是基

编辑器项目已经开源，600+ star，fabric.js的进阶用法，截图效果、实现思路与代码均在文章中。

「这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战」 前言 作为一个WebGIS开发，从前端往GIS靠拢，虽说不是纯GIS，但是也了解到一些相关GIS上的东西 平常时候接触到的

推荐一个面向开发者的可视化编程的开源项目：mometa。老逛之前也推荐了一些低代码相关的项目，可以在本文章后面查看。

实现一个 canvas 拖拽、缩放、旋转的效果，如下效果图。 统一使用 typescript 来编写，在面对状态操作复杂的流程， ts 提供了状态标注，类型提示等。便于我们维护和梳理流程思路。比如类型标注提供了类似注释的功能，将对象描述清楚的同时，在我们使用相关属性或方法都会有…

按照我一向的写作风格，我会在下面列出文章的大纲，以便大家有选择且高效率的阅读和学习： GrapesJS 框架基本介绍 如何使用 GrapesJS 构建 web 编辑器 基于 GrapesJS 构建的开

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…