Перейти к основному содержимому

Viewer3D

Отображает 3D-модель

Позволяет визуализировать 3D-модели и выполнять с ними различные операции, например, следующие:

  • вращение;
  • масштабирование;
  • смена проекции;
  • сечения по плоскостям.

См. демонстрационный пример использования компонента в разделе https://&ltMulti-D_server_URL&gt/demo/p/ui-kit/Viewer3d/.

Свойства

ИмяОписаниеТипЗначение по умолчаниюВозможные значения
AccessTokenТокен доступа к 3D-моделиundefined
AddCommentСвойство для обратной совместимости. Не рекомендовано к использованию.
Добавление комментария на выбранный объект 3D-модели
string
AddDimensionВключение режима сцены для добавления точек измерения расстояния на выбранных объектах 3D-моделиnumber
AddNoteДобавление комментария на выбранный объект 3D-моделиobject
CSSМассив строк-классов CSS-стилей компонентаarray
CameraOrientationСвойство для обратной совместимости. Не рекомендовано к использованию. Ориентация камерыenumDown - снизу
Front - спереди
ISO - изометрически
Left - слева
Rear - сзади
Right - справа
Up - сверху
- Значение для инициализации по умолчанию
CameraPositionОриентация камеры:
снизу:
{
value: Down
},
спереди:
{
value: Front
},
слева:
{
value: Left
},
сзади:
{
value: Rear
},
справа:
{
value: Right
},
сверху:
{
value: Up
},
изометрически:
{
value: ISO
}
object
CameraProjectionСвойство для обратной совместимости. Не рекомендовано к использованию. Проекция камерыenumOrthogonal - Ортогональная
Perspective - Перспективная
- Значение для инициализации по умолчанию
CameraViewПроекция камеры:
Параллельная: {
value: Orthogonal,
},
Перспективная:
{
value: Perspective,
}
object
CuttingPlaneСвойство для обратной совместимости. Не рекомендовано к использованию. Сечение по точкам:enumOnePointPlaneXY - По одной точке XY
OnePointPlaneXZ - По одной точке XZ
OnePointPlaneYZ - По одной точке YZ
ThreePointSlice - По трем точкам
- Значение для инициализации по умолчанию
DisplayingObjectsСкрытие или отображение объектов:
Скрытие выбранных:
{
value: HideSelected
},
Отображение выбранных:
{
value: ShowSelected
},
Отображение всех:
{
value: ShowAll
}
object
HiddenПризнак состояния компонента Скрытboolean
HighlightCuttingPlaneIdИдентификатор подсвечиваемого сеченияstring
HighlightPlaneModeПодсвечивание сечения с идентификатором HighlightCuttingPlaneIdnumber
HintВсплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текстаany
HostnameИмя узла сервиса 3Dstring
IdИдентификатор компонента для навигации к нему на HTML-страницеstring
IdToCloseИдентификатор закрываемой 3D-моделиstring
IdToOpenИдентификатор открываемой 3D-моделиstring
ModeРежим отображения параметровenumCompactCompact - Компактный
Normal - Обычный
OnClickОбработчик события Clickundefined
OnCuttingPlaneОбработчик события добавления сечения по точкамundefined
OnItemsSelectОбработчик события выбора объектов 3D-модели, возвращающий массив GUID-объектов модели на сценеundefined
OnKeyDownОбработчик события KeyDownundefined
OnKeyUpОбработчик события KeyUpundefined
OnMouseDownОбработчик события MouseDownundefined
OnMouseEnterОбработчик события MouseEnterundefined
OnMouseLeaveОбработчик события MouseLeaveundefined
OnMouseMoveОбработчик события MouseMoveundefined
OnMouseOutОбработчик события MouseOutundefined
OnMouseOverОбработчик события MouseOverundefined
OnMouseUpОбработчик события MouseUpundefined
OnUnmountОбработчик события Unmountundefined
PlaneSliceСечение по точкам:
По одной точке XY:
{
value: OnePointPlaneXY
},
По одной точке XZ:
{
value: OnePointPlaneXZ
},
По одной точке YZ:
{
value: OnePointPlaneYZ
},
По трем точкам:
{
value: ThreePointSlice
}
object
PortПорт сервиса 3Dstring
ProtocolПротокол, который использует сервис 3Dstringhttps
RemoveCommentsУдаление комментария с выбранных объектов 3D-моделиnumber
RemoveCuttingPlaneУдаление сечения с идентификатором RemoveCuttingPlaneIdnumber
RemoveCuttingPlaneIdИдентификатор удаляемого сеченияstring
RemoveDimensionsУдаление указателей для измерения расстояния с выбранных 3D-моделейnumber
ResetHighlightPlaneModeУдаление подсветки сеченийnumber
SelectedObjectsВыбранные объекты 3D-моделиarray
ServiceNameИмя сервиса 3Dstringintegration3d
ShowMenuПризнак отображения менюbooleanTrue
SlotМетка для динамического добавления другого компонента по его идентификаторуstring
TooltipВсплывающая подсказка над компонентом, чаще используемая для пояснения назначения значкаany
TraceIdИдентификатор для отслеживания состояния компонента исходя из хронологической последовательности:
создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента
string
VisibilityObjectsСвойство для обратной совместимости. Не рекомендовано к использованию. Скрытие или отображение выбранных элементовenumHideSelected - Скрытие выбранных объектов
ShowSelected - Отображение выбранных объектов
ShowAll - Отображение всех скрытых объектов
- Значение для инициализации по умолчанию
VisibleПризнак инверсии состояния компонента СкрытbooleanTrue
ZoomFitAllМасштабирование всех объектов 3D-модели согласно размеру сценыnumber
ZoomFitSelectedМасштабирование выбранных объектов 3D-модели согласно размеру сценыnumber

Примеры

JSX:

<Viewer3D Mode="Normal" AccessToken={()=>`Bearer ${getToken()}`}/>