建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

低代码盛行多年了，刚好公司最近有项目需要做这块，从萌新小白，到实现程序，一步一步踩过了很多坑，今天就把我踩过的坑一一分享出来，带你扫盲如何实现低代码

当前端收到一张设计稿的时候，他们需要考虑非常多的问题。 而第一个摆在面前的问题就是 - 切图。作为连接设计师和前端的重要“纽带”，如果切图不准确，很容易导致最终的产品呈现与设计稿大相径庭。 随之而来的

对使用 JavaScript、HTML5 和 WebGL 技术开发 3D 游戏的开发者来说，JavaScript 3D 游戏引擎是当下的一个热门话题。基于浏览器的游戏的最大优势是跨平台，可以运行在 iOS，Android，Windows 或者其它系统平台上。 行业内使用 HTM…

这一期为大家带来一个非常好玩的 demo，我们制作一套自己的 3D 管道控制系统，运用了（ http://www.hightopo.com ）HT 的 Graph3dView 组件通过对 WebGL 底层技术的封装，与 HT 其他组件一样，基于 HT 统一的 DataModel…

前面我们实现了一个简单的canvas库，现在我们用它来实现一个简易版流程图，在实际应用中检验它的效果。

我们首先将所有需要用到的 json 文件作为矢量图输出，矢量图的好处是组件上的图元缩放都不会失真，并且不再需要为 Retina 显示屏提供不同尺寸的图片， 在 devicePixelRatio 多样化的移动时代， 要实现完美的跨平台，矢量可能是的最低成本的解决方案。 这边我注册…

一个牛皮的、基于 Vue.js 和 Element UI 开发的低代码表单组件。相对于使用 Element UI，可以提高 10 倍开发效率。

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