根治嵌套地狱，让你爱上 Flutter，无法自拔！代码量减少 20%。开发效率提高 40%，相比原生提高 100%。

在 Flutter 1.20， 官方推出了Hybrid Composition，此方法仿照ios端的platform view 在flutter中的显示方式，相较于原来的AndroidView性能要更好。 此文将分析Hybrid Composition 在绘制方面的工作流程。 …

介绍 一款简洁实用的图片编辑器，纯dart开发。支持：涂鸦、旋转&翻转、马赛克、添加文字，及自定义ui风格。

前段时间笔者一直忙于数据可视化方面的工作，比如如何实现拖拽式生成可视化大屏，如何定制可视化图表交互和数据导入方案等，这块需求在B端企业中应用非常大，所以非常有探索价值。 本篇文章并非和数据可视化相关，而是通过抽象技术底层，将其应用于H5页面可视化搭建上，通过技术的手段实现拖拽式…

Vue + Egg 实现一个 H5页面可视化编辑器 / 可视化配置平台;互联网快节奏时代的当下，h5页面的产出在快速迭代的运营节奏下已经捉襟见肘；今天我们就一起来实现一个可视化配置平台（nocode）

效果图： 技术选型 Vue3 Element-plus Fabric.js ES6 核心功能 主要实现H5 移动端简单的图片的可视化编辑、预览、下载等功能。 文本编辑：实现画布上的文本框的添加、字体属

注册的组件对象放在componentList（用于渲染组件菜单）和componentMap(方便查找)里。 在 mousemove 中通过计算鼠标 按下时位置 与 当前位置 的差值，计算出最新的选中的组件坐标。

最终效果实现功能：主页面结构：左侧可选组件列表、中间容器画布、右侧编辑组件定义好的属性从菜单拖拽组件到容器；单选、多选；容器内的组件可以拖拽移动位置；组件拖拽调整宽高；组件拖拽贴边，显示辅助线；操作栏

当选中block后 mousedown事件，在dragState中记住初始位置，计算出选中block与所有未选中block，左右、上下对齐的各种情况的坐标位置，并进行缓存。 1. 数据准备 3. 新建一个属性面板组件 visual-editor-operator.tsx在vis…