3d-force-graph笔记 8 Apr 2021 3d-force-graph笔记(3)：渐变关系线 linkThreeObject用于生成自定义3d对象以呈现为图形链接。返回值是一个ThreeJS Object3d的实例。如果返回false，则该链接将使用默认的3d对象类型。 .linkThreeObject(link => { const colors = new Float32Array… 阅读原文
技术 7 Apr 2021 NRD Studio教程（五）：快速构建 【快速构建】是拓展版Excel表，主要用于初期导入核心关系图数据，快速生成关系图，操作便捷。 入口 编辑器左上方菜单中【编辑】->【快速构建】。 或者工具栏中点击。 编辑 点击单元格进行编辑: 节点 — 关系图中人物信息，名称是必填项，其他都可选。关系 — 人物之间关系。 操作： 新增 — 添… 阅读原文
技术 6 Apr 2021 在网页中嵌入CodeSandbox应用 网页中嵌入CodeSandbox，不能简单地用iframe包裹链接。 CodeSandbox有一个单独的应用程序用于嵌入。 注意：这个嵌入并没有完整编辑器的所有特性。 生成嵌入链接 在编辑器头部点击【 embed 】按钮，并选择你想要启用的选项。 更多详情见官网文档： https://codesan… 阅读原文
3d-force-graph笔记 6 Apr 2021 3d-force-graph笔记(2)：快速入门 通过编写一个简单实例，快速上手。 安装 $ npm install 3d-force-graph 或 $ yarn add 3d-force-graph 导入 三种方式任选一。 import ForceGraph3D from '3d-force-graph'; var ForceG… 阅读原文
3d-force-graph笔记 6 Apr 2021 3d-force-graph笔记(1)：简介 3d-force-graph是一个使用力导向迭代布局在三维空间中表示图形数据结构的web组件。应用ThreeJS/WebGL进行3D渲染，使用d3-force-3d或ngraph作为底层物理引擎。 3d-force-graph是force-graph家族成员之一，相关GitHub库： force-g… 阅读原文
技术 6 Apr 2021 js修改canvas导出图片的品质 通过js导出canvas，使用方法toDataURL。 /** * @param type 图片类型 * @param encoderOptions 图片质量 */ canvas.toDataURL(type, encoderOptions); 默认导出PNG格式，无法修改品质。 指定图片格式为 i… 阅读原文
技术 6 Apr 2021 Macy.js布局计算 Macy.js布局计算recalculate，常见情况下的手动调用。 通常初始化时计算一次，不然默认元素可能出现在容器中间位置，影响体验。 自定义元素中有图片时，在runOnImageLoad中配置调用。 异步数据影响元素尺寸时，手动触发调用。 let masonry = new Macy({ co… 阅读原文
技术 6 Apr 2021 WordPress Rest API精简响应数据-_fields WordPress Rest API默认会将所有预定义字段作为响应数据，不少情况下多数字段完全用不到，比如SPA应用首页只需获取文章标题（title）列表，没必要返回具体文章内容content。 精简响应字段，可大大降低数据量，节约带宽。 /wp-json/wp/v2/posts/ /wp-json… 阅读原文
技术 6 Apr 2021 WordPress Rest API通过元数据meta获取文章列表posts 只需简单两步。 一、WordPress后端配置过滤器 如在functions.php中添加： if( ! function_exists( 'post_meta_request_params' ) ) : function post_meta_request_params( $arg… 阅读原文
技术 2 Apr 2021 NRD Studio教程（四）：存档 NRD Studio人物关系图存档有两种：本地和云端。 NRD Studio本地云端编辑支持支持运行支持支持自动保存支持支持媒体库不支持支持多个关系图不支持支持 本地存档 NRD Studio有一份关系图保存在本地缓存中，用户未登录时默认使用本地存档。 由于缓存有容量限制，上传的头像不能持久化保存。… 阅读原文
