可视化
4篇文章 · 0订阅
  • 来，教你开发一款图形编辑器
    我是前端西瓜哥，今天教你怎么开发一款图形编辑器。编辑器是比较复杂的项目，由多个功能模块组合而成。要想编辑器的代码有优秀拓展性、可维护性，分模块解耦是非常重要的事情。
    前端 计算机图形学
    来，教你开发一款图形编辑器
  • 前端水印生成方案(网页水印+图片水印)
    前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操作有一定的提示作用。 Canvas兼容性 这里我们用canvas来生成base64图片，通过CanIUse…
    JavaScript Node.js Canvas
  • 可视化拖拽组件库一些技术要点原理分析
    建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…
    前端 JavaScript
  • 一百多行代码，实现react拖拽hooks
    源码总共也就一百多行，看完这个大致可以理解一些成熟的react拖拽库的实现思路，比如react-dnd，然后你上手这些库的时候就非常快了。 我们的目标是实现一个useDrag和useDrop的hooks，类似以下用法就可以轻松让元素可以拖拽，并且在拖拽的各个生命周期，如下，可以…
    JavaScript