ZoomBar
Zoom toolbar for zooming in/out and resetting camera view.
How to Use
- Enable the zoom toolbar quickly by configuring
addons={["ZoomBar"]}
- Or manually enable it by importing
import { ZoomBar } from "@icraft/player-react"
. Manual enabling allows more flexible control over the zoom toolbar's style.
import { ICraftPlayer } from "@icraft/player-react";
const style = {
width: "100%",
height: "100%",
position: "relative" as const,
overflow: "hidden" as const,
};
export default () => {
return (
<div style={style}>
<ICraftPlayer
src='/templates/NetworkArchitectureSpecial.iplayer'
addons={["ZoomBar"]}
/>
</div>
);
};
API
Name | Description | Type | Default | Required |
---|---|---|---|---|
style | Style | React.CSSProperties | false | |
className | Class name | string | false |