可视化
文章平均质量分 87
prog_6103
J.Y.Liu
展开
-
Edienilno: 在线文件编辑器,来搭建自己的百度网盘吧
Edienilno: 在线文件编辑器,来搭建自己的百度网盘吧开发进程主要框架Monaco Editor集成超大文件上传简易十六进制编辑器拖拽功能代码:https://github.com/dna2funs/edienilno为了更方便家里存储开销记账,于是在家庭内网搭建了一个Raspberry PI提供一个类似于百度网盘的服务:可以新建文件夹和文件,可以编辑不同的文件。为了尽可能地减少dependency,开发不使用任何现有UI复杂框架(Angular, React, Vue),连jQuery也省了原创 2021-04-11 12:28:36 · 620 阅读 · 1 评论 -
Web里的人机交互之鼠标篇
不知道为何计算机用户大部分喜欢鼠标点击,最近想掰弄一下可视化,放大平移选中拖动一下子交杂在一起,就晕了。网上竟然还找不到比较好用的库,那就自己动手丰衣足食吧。实现的目标是:支持鼠标长按键(比如按住一个圆一秒表示选中);支持鼠标手势,再加一下模式识别的库都可以自己弄手写板了;支持手机上加载页面时将手指事件转化为鼠标时事件;支持手机上几个指头抓起或撑开的动作(比如缩小或原创 2015-08-11 21:25:38 · 28079 阅读 · 0 评论 -
[笔记] Node-Link可视化图中移动Node后自动布局调整算法
Node-Link可视化图中移动Node后自动布局调整算法如果按工程来说,HyperGraph的可视化,用Node-Link可以说已经比成熟了,不论是D3.js还是各种其他JavaScript库诸如sigma.js等。不过大部分的库还是SVG的,可能一方面是SVG比较方便绑定事件,另一方面SVG也便于定义CSS去扩展样式。基于Canvas的实现也不少,感觉目前比较好看点的是GoJS,虽然free但是原创 2016-05-03 13:33:43 · 8674 阅读 · 0 评论 -
Microsoft VSCode MonacoEditor开发指南
MonacoEditor开发指南首先share的是monaco的官方API doc:https://microsoft.github.io/monaco-editor/api/index.html虽然感觉这个doc在深度定制monaco时并没有什么用,不过倒是可以快速查阅一些type的字段;深度定制monaco的时候,建议还是边看vscode的代码,边尝试使用Chrome的console打印出...原创 2019-04-22 15:11:06 · 4829 阅读 · 9 评论