3d-force-graph笔记(1):简介 3d-force-graph笔记

3d-force-graph笔记(1):简介

3d-force-graph是一个使用力导向迭代布局在三维空间中表示图形数据结构的web组件。应用ThreeJS/WebGL进行3D渲染,使用d3-force-3d或ngraph作为底层物理引擎。 3d-force-graph是force-graph家族成员之一,相关GitHub库: force-g…
js修改canvas导出图片的品质 技术

js修改canvas导出图片的品质

通过js导出canvas,使用方法toDataURL。 /** * @param type 图片类型 * @param encoderOptions 图片质量 */ canvas.toDataURL(type, encoderOptions); 默认导出PNG格式,无法修改品质。 指定图片格式为 i…
Macy.js布局计算 技术

Macy.js布局计算

Macy.js布局计算recalculate,常见情况下的手动调用。 通常初始化时计算一次,不然默认元素可能出现在容器中间位置,影响体验。 自定义元素中有图片时,在runOnImageLoad中配置调用。 异步数据影响元素尺寸时,手动触发调用。 let masonry = new Macy({ co…
WordPress Rest API精简响应数据-_fields 技术

WordPress Rest API精简响应数据-_fields

WordPress Rest API默认会将所有预定义字段作为响应数据,不少情况下多数字段完全用不到,比如SPA应用首页只需获取文章标题(title)列表,没必要返回具体文章内容content。 精简响应字段,可大大降低数据量,节约带宽。 /wp-json/wp/v2/posts/ /wp-json…
NRD Studio教程(四):存档 技术

NRD Studio教程(四):存档

NRD Studio人物关系图存档有两种:本地和云端。 NRD Studio本地云端编辑支持支持运行支持支持自动保存支持支持媒体库不支持支持多个关系图不支持支持 本地存档 NRD Studio有一份关系图保存在本地缓存中,用户未登录时默认使用本地存档。 由于缓存有容量限制,上传的头像不能持久化保存。…
NRD Studio教程(二):快速入门 技术

NRD Studio教程(二):快速入门

默认示例包括三个人物:张三、李四和王五。 两条关系:李四是张三的好友和王五是张三的同学。 只需要简单输入人物名称和关系数据,立刻构建出关系图。 编辑 点击菜单->编辑->快速构建,打开快速构建窗口。 双击单元格进行编辑节点(人物)和关系。 节点——名称是必选项,其他都可选。 关系——填写节点之间对应…
NRD Studio教程(一):简介 技术

NRD Studio教程(一):简介

官方地址:NRD Studio。 在线示例:Demo。 NRD Studio是一套制作人物关系图解决方案。 NRD Studio致力于通过最便捷的方式构建人物关系图,零门槛、无需任何绘图基础,轻松上手。 NRD Studio动态图谱,注重交互性,多维度查阅结构数据。…
NRD Studio教程(三):界面布局 技术

NRD Studio教程(三):界面布局

编辑器主界面由以下几个部分组成: 菜单栏。主要操作区。工具栏。常用的功能按钮。侧边栏。多种显示列表、搜索、新建等。图谱区。关系图绘制区域。状态栏。显示控制台消息。…