技术 8 Apr 2021 NRD Studio教程（六）：媒体库 NRD Studio中，媒体库是图片资源管理中心，主要用于配置人物关系图头像、水印等。 关系图存档数据中，相关图片信息默认以超链接字符串形式存储。推荐通过媒体库设置图片超链接地址，避免使用外部资源，影响导出等功能。 如果用户未登录时，关系图数据保存在本地，也可上传本地图片，以base64格式字符临时… 阅读原文
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… 阅读原文
