Autodesk.Viewing.UI.Button.setIcon 的所有可能值是一组预定义的图标类名。这些图标类名可以在Autodesk.Viewing.UI.Button.Icon 之下找到。你可以在Autodesk Forge 的官方文档中找到完整的图标类名列表:https://forge.autodesk.com/en/docs/viewer/v7/reference/UI.Button/Icon/。
以下是一个包含代码示例的解决方法:
// 创建一个 Viewer 实例
var viewer = new Autodesk.Viewing.GuiViewer3D(document.getElementById('yourViewerDiv'));
// 创建自定义按钮
var myButton = new Autodesk.Viewing.UI.Button('my-button');
// 设置按钮图标
myButton.setIcon('my-icon-class');
// 将按钮添加到 Viewer 控件中
viewer.toolbar.addControl(myButton);
// 自定义按钮点击事件
myButton.onClick = function() {
// 在这里添加按钮点击事件的逻辑
};
// 自定义按钮图标类名
var myIconClass = {
// 添加你自己的图标类名
'my-icon-class': {
// 添加图标的 SVG 路径
'16': 'M12 8c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3zm0-8C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM4.293 5.707C3.902 5.316 3.902 4.684 4.293 4.293s.768-.902 1.459-.902 1.102.339 1.293.93.098 1.098-.293 1.707-.902.902-1.293.902-1.098-.34-1.288-.931zm3.414 3.414C7.902 8.316 7.902 7.684 8.293 7.293s.768-.902 1.459-.902 1.102.339 1.293.93.098 1.098-.293 1.707-.902.902-1.293.902-1.098-.34-1.288-.931zm3.414 3.414C11.902 11.316 11.902 10.684 12.293 10.293s.768-.902 1.459-.902 1.102.339 1.293.93.098 1.098-.293 1.707-.902.902-1.293.902-1.098-.34-1.288-.931z',
'24': 'M18 12c0 1.657-1.343 3-3 3s-3-1.343-3-3 1.343-3 3-3 3 1.343 3 3zm4-12C9.373 0 0 9.373 0 20s9.373 12 20 12 20-9.373 20-20S30.627 0 20 0zm-5.707 8.707C14.316 7.902 13.684 7.902 13.293 8.293s-.902.768-.902 1.459.339 1.102.93 1.293 1.098.098 1.707-.293.902-.902.902-1.293-.34-1.098-.931-1.288zm-3.414 3.414C10.316 11.902 9.684 11.902 9.293 12.293s-.902.768-.902 1.459.339 1.102.93 1.293 1.098.098 1.707-.293.902-.902.902-1.293-.34-1.098-.931-1.288zm3.414 3.414C13.316 15.902 12.684 15.902 12.293 16.293s-.902.768-.902 1.459.339 1.102.93 1.293 1.098.098 1.707-.293.902-.902.902-1.293-.34-1.