我想要修改viewer自带的工具栏按钮的图标,请问有办法修改?
可以的,工具栏按钮的图标是通过 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...
你好,请问,你知道如何自行配置toolBar选项吗?比如,我想去掉上一张,下一张功能,toolbar里面不显示这两个图标,可以怎么样实现呢?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(2)
可以的,工具栏按钮的图标是通过 woff (Web Open Font Format,Web开放字型格式) 的字型文文件以及 CSS 样示表设置的,只要在网页上加入自己的 woff 字型,并使用下面几行代码就可以修改了 ,以下 toolbar-panTool 及 Bootstrap Glyphicon为例:
一、修改自定义图示
二、改为原史图示
图示来源:https://getbootstrap.com/docs...
你好,请问,你知道如何自行配置toolBar选项吗?比如,我想去掉上一张,下一张功能,toolbar里面不显示这两个图标,可以怎么样实现呢?