【赶紧收藏】45个前端设计在线开发工具🔧!今天我们将深入探讨对开发人员和设计人员有用的UI开发工具。 1) Checklist Design Link 2) Web Gradients Link 3

之前一直忙着调研lowcode平台和开发以下两个项目:H5编辑器H5-Dooring ,可视化大屏编辑器V6.Dooring没有太多时间做PC端搭建化项目, 好在搭建平台很多原理都是通用的, 所以早在

什么！Canvas还能这样用，Canvas这么好用的嘛，我学废了，你们呢？利用Canvas给图片添加标注。

使用pdf.js引进pdf文件进行预览，并在canvas中实现鼠标拖拽绘制矩形与设置签章矩形跟随鼠标移动。

1. 原理介绍 该脚本遍历它所加载的页面的 DOM。它收集那里所有元素的信息，然后使用这些信息来构建页面的表示。换句话说，它实际上并没有截取页面的屏幕截图，而是根据它从 DOM 读取的属性构建它的表示

如果元素超出画布，就容易后面找不到了，所以这里要做一些规则 防止元素拖动超过画布， 这里的理解比较简单，就是处理一些阀值情况，让元素不可以超出画布 添加 object:moving 对象拖动事件 到这

`fabric`是基于canvas进行的api封装，可以实现绘制矩形、圆、椭圆、文本等一些基础图形，同时支持画笔自定义图形，`fabric`的优点在于它对生成的canvas画布进行了良好的封装

最近要做一个生成海报的h5, 原理就是用canvas的drawImageAPI把图片画出来，想着应该很简单，却发现里面有大坑。在填完坑后分享下解决方案，文章主要围绕以下两个问题来展开。 1. demo初试 2. canvas大小错误以及模糊 在浏览器的 window 对象中有一…

2个月前开源的H5编辑器 H5-Dooring 目前已经成功迭代到1.0版本, 从最开始的基本的页面生成框架到现在的支持更丰富的组件资源,交互能力和数据追踪能力, 期间做了很多的设计和迭代,也收获了很多网友的反馈和启发, 也有很多志同道合的朋友加入进来一起让 H5-Doorin…