请问要如何修改viewer自带的工具栏的按钮图标？

Question

我想要修改viewer自带的工具栏按钮的图标，请问有办法修改？

Answer 1

可以的，工具栏按钮的图标是通过 woff (Web Open Font Format，Web开放字型格式) 的字型文文件以及 CSS 样示表设置的，只要在网页上加入自己的 woff 字型，并使用下面几行代码就可以修改了 ，以下 toolbar-panTool 及 Bootstrap Glyphicon为例：

一、修改自定义图示

const toolbar = viewer.getToolbar();
const navTools = toolbar.getControl(  'navTools'  );

// 获取 pan tool 对象
const panTool = navTools.getControl(  'toolbar-panTool'  );

// 修改图示为 Bootstrap Glyphicon 的 Resize Vertical
panTool.setIcon( 'glyphicon' );
panTool.icon.classList.add( 'glyphicon-resize-vertical' );

二、改为原史图示

const panTool = navTools.getControl(  'toolbar-panTool'  );

panTool.icon.classList.remove( 'glyphicon-resize-vertical' );
panTool.setIcon( 'adsk-icon-pan' );

图示来源：https://getbootstrap.com/docs...

Answer 2

你好，请问，你知道如何自行配置toolBar选项吗？比如，我想去掉上一张，下一张功能，toolbar里面不显示这两个图标，可以怎么样实现呢？