@antv/g6
Version:
A Graph Visualization Framework in JavaScript
76 lines • 2.78 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CameraSetting = void 0;
const constants_1 = require("../constants");
const base_plugin_1 = require("./base-plugin");
/**
* <zh/> 配置相机参数
*
* <en/> Configure camera parameters
*/
class CameraSetting extends base_plugin_1.BasePlugin {
constructor(context, options) {
super(context, options);
this.setOptions = (options) => {
const caller = {
cameraType: 'setType',
near: 'setNear',
far: 'setFar',
fov: 'setFov',
aspect: 'setAspect',
// 确保 projectionMode 在 near/far/fov/aspect 之后设置
// Ensure that projectionMode is set after near/far/fov/aspect
projectionMode: 'setProjectionMode',
distance: 'setDistance',
minDistance: 'setMinDistance',
maxDistance: 'setMaxDistance',
roll: 'setRoll',
elevation: 'setElevation',
azimuth: 'setAzimuth',
};
const valueMapper = (key, value) => {
switch (key) {
case 'projectionMode':
return value === 'perspective' ? 1 : 0;
case 'cameraType':
return { orbiting: 0, exploring: 1, tracking: 2 }[value];
case 'aspect':
if (typeof value === 'number')
return value;
return this.getCanvasAspect();
default:
return value;
}
};
Object.entries(caller).forEach(([key, method]) => {
const value = options[key];
if (value !== undefined) {
const actualValue = valueMapper(key, value);
// @ts-expect-error incorrect ts type check
this.context.canvas.getCamera()[method](actualValue);
}
});
};
this.bindEvents();
}
/**
* <zh/> 更新相机参数
*
* <en/> Update camera parameters
* @param options - <zh/> 相机配置项 | <en/> Camera configuration options
* @internal
*/
update(options) {
this.setOptions(options);
super.update(options);
}
bindEvents() {
this.context.graph.once(constants_1.GraphEvent.BEFORE_DRAW, () => this.setOptions(this.options));
}
getCanvasAspect() {
const [width, height] = this.context.viewport.getCanvasSize();
return width / height;
}
}
exports.CameraSetting = CameraSetting;
//# sourceMappingURL=camera-setting.js.map