Code
Both
Preview
  示例代码
增强插件
↕️ Box滚动条
Scroller
Box滚动条
快速创建
夜晚模式
配置颜色和光标
无圆角的滚动条
保持显示
只允许拖拽滚动条进行滚动内容
跟随视图放大滚动条
与视图滚动条共存
与视图滚动条共存时，阻止默认视图滚动
☁️ 阴影变形
shadow
阴影变形
skew 倾斜变形
设置 origin 变形中心点
rotate 旋转阴影
📽️ 后台运行
BackgroundRunner
后台运行
切换浏览器tab标签页后，后台仍持续渲染动画
控制最大渲染帧
禁用后台渲染
专业插件
✂️ 裁剪大师
ClipEditor
裁剪大师
自由裁剪
快速修改裁剪控制点大小
快速修改裁剪控制点颜色
图片只能在有效范围内拖动、裁剪（暂不支持同时旋转、倾斜图片，限制效果会有误差，后续会支持）
手势控制图片
围绕裁剪框中心旋转
显示水平线
仅在resize操作时显示水平线
在多个 fill、stroke 中指定需要裁剪的图片填充对象
可移动的裁剪框
突出显示并置顶渲染裁剪元素，淡化其他元素
自定义复杂样式
裁剪 Image 元素
裁剪 Line 元素
裁剪 Path 元素
✒️ Path Editor
PathEditor
Path Editor
创建路径
编辑路径
新增模式
配置样式
自定义光标
转换曲线手柄类型
断开节点
节点坐标
路径节点对象
编辑路径时，固定背景图片
节点吸附
模拟历史记录重写
编辑Rect元素
编辑圆角Rect元素
编辑圆角Line元素
编辑Ellipse元素
编辑Star元素
编辑Polygon元素
光速引擎
🚀 Viewport Lighter
ViewportLighter
Viewport Lighter
10万级矩形元素流畅缩放
1万张不同的小图片流畅缩放
3千张不同的图片流畅缩放
1万条路径流畅缩放
优化二次大量创建元素的性能
🎨 Image Lighter
ImageLighter
Image Lighter
大图流畅操作
大长图流畅操作
超大图流畅操作
1千张不同的图片流畅操作
复杂 SVG 图片流畅编辑
App.ts
实时预览
清空
TS
JS