@realsee/dnalogel 2.0.0-alpha.39 → 2.0.0-alpha.41

package/dist/index.umd.js

@@ -393,7 +393,7 @@
         };
     };
 
-    function createLine(point1, point2, color = new THREE.Vector3(1, 1, 1), dashed = false) {
+    function createLine$1(point1, point2, color = new THREE.Vector3(1, 1, 1), dashed = false) {
         const line$1 = new line.Line(point1, point2);
         line$1.setMaterial({ dashed, color, linewidth: 1 });
         line$1.remove(line$1.points);
@@ -429,7 +429,7 @@
             const helperCenterPoint = movePointTowardsCamera(point, fixDistance);
             const p = helperCenterPoint;
             const pointAxesHelperMesh = new THREE.Group();
-            pointAxesHelperMesh.add(createLine(new THREE.Vector3(p.x + halfLength, p.y, p.z), new THREE.Vector3(p.x - halfLength, p.y, p.z), new THREE.Vector3(1, 0, 0)), createLine(new THREE.Vector3(p.x, p.y + halfLength, p.z), new THREE.Vector3(p.x, p.y - halfLength, p.z), new THREE.Vector3(0, 1, 0)), createLine(new THREE.Vector3(p.x, p.y, p.z + halfLength), new THREE.Vector3(p.x, p.y, p.z - halfLength), new THREE.Vector3(0, 0, 1)));
+            pointAxesHelperMesh.add(createLine$1(new THREE.Vector3(p.x + halfLength, p.y, p.z), new THREE.Vector3(p.x - halfLength, p.y, p.z), new THREE.Vector3(1, 0, 0)), createLine$1(new THREE.Vector3(p.x, p.y + halfLength, p.z), new THREE.Vector3(p.x, p.y - halfLength, p.z), new THREE.Vector3(0, 1, 0)), createLine$1(new THREE.Vector3(p.x, p.y, p.z + halfLength), new THREE.Vector3(p.x, p.y, p.z - halfLength), new THREE.Vector3(0, 0, 1)));
             five.scene.add(pointAxesHelperMesh);
             five.needsRender = true;
             // 清理函数
@@ -9925,7 +9925,7 @@
         pointsRenderOrder: 10,
     };
 
-    function creatLine(start, end, opts) {
+    function createLine(start, end, opts) {
         var _a, _b, _c, _d, _e;
         const lineWidth = (_a = opts === null || opts === void 0 ? void 0 : opts.lineWidth) !== null && _a !== void 0 ? _a : 2;
         const lineColor = (_b = opts === null || opts === void 0 ? void 0 : opts.lineColor) !== null && _b !== void 0 ? _b : new THREE.Color(0xffffff);
@@ -9948,10 +9948,10 @@
             pointMaterial.map = opts.pointTexture;
         return line$1;
     }
-    function creatLineMesh(line, type) {
+    function createLineMesh(line, type) {
         const [point, anotherPoint] = line.points;
         const opts = type === 'light' ? lightLineOpts : normalLineOpts;
-        const fiveLine = creatLine(point.position, anotherPoint.position, opts);
+        const fiveLine = createLine(point.position, anotherPoint.position, opts);
         fiveLine.name = 'normalLine_' + line.id;
         return fiveLine;
     }
@@ -9963,7 +9963,7 @@
         return true;
     }
 
-    function creatContentDom() {
+    function createContentDom() {
         const contentDom = document.createElement('div');
         contentDom.setAttribute('style', `backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);`);
         contentDom.style.padding = '3px 6px';
@@ -9991,7 +9991,7 @@
         containerDom.style.transformOrigin = 'left top';
         return containerDom;
     }
-    function creatDistanceItem(props) {
+    function createDistanceItem(props) {
         function handleClick() {
             var _a;
             // 线被选中时才高亮，外部手动触发高亮
@@ -10065,7 +10065,7 @@
         }
         const { line } = props;
         const lineID = line.id;
-        const contentDom = creatContentDom();
+        const contentDom = createContentDom();
         const containerDom = createContainerDom(line);
         const userDistanceItem = props.userDistanceItem;
         const ndcPosition = new THREE.Vector3(0, 0, 0);
@@ -10150,9 +10150,9 @@
                 throw new Error('无效的线段, 一个点无法构成线段');
             this.hook = new five.Subscribe();
             this.points = [point, anotherPoint];
-            this.mesh = creatLineMesh(this, 'normal');
-            this.lightMesh = creatLineMesh(this, 'light');
-            this.distanceItem = creatDistanceItem({
+            this.mesh = createLineMesh(this, 'normal');
+            this.lightMesh = createLineMesh(this, 'light');
+            this.distanceItem = createDistanceItem({
                 line: this,
                 clickCallback: () => this.hook.emit('selected', this),
                 userDistanceItem: this.model.params.userDistanceItemCreator
@@ -10865,6 +10865,227 @@
         }
     }
 
+    /**
+     * 获取一点对于线段上最近的一点，
+     * 如果可以是过直线垂线的垂足，不行的话取线段的两端
+     * @param point
+     * @param linePoints
+     * @return
+     */
+    function closestPointOnLine(point, linePoints) {
+        const tA = point.x - linePoints[0].x;
+        const tB = point.y - linePoints[0].y;
+        const tC = linePoints[1].x - linePoints[0].x;
+        const tD = linePoints[1].y - linePoints[0].y;
+        // 设线段为 AB 线段，线段外一点为 P
+        // tDot = AP 向量与 AB 向量乘积，tLenSq 为 |AB|平方。
+        // tParam 是 AP 向量在 AB 向量投影向量 AC 与 AB 向量的比。
+        const tDot = tA * tC + tB * tD;
+        const tLenSq = tC * tC + tD * tD;
+        const tParam = tDot / tLenSq;
+        let tXx, tYy;
+        if (tParam < 0 || samePointAt(linePoints[0], linePoints[1])) {
+            tXx = linePoints[0].x;
+            tYy = linePoints[0].y;
+        }
+        else if (tParam > 1) {
+            tXx = linePoints[1].x;
+            tYy = linePoints[1].y;
+        }
+        else {
+            tXx = linePoints[0].x + tParam * tC;
+            tYy = linePoints[0].y + tParam * tD;
+        }
+        return new THREE.Vector2(tXx, tYy);
+    }
+    /**
+     * 检查两个点是否位置相同
+     * point: { x: number, y: number }
+     * @param  point1
+     * @param  point2
+     * @return
+     */
+    function samePointAt(point1, point2) {
+        return point1.x === point2.x && point1.y === point2.y;
+    }
+
+    function findAssociatedLines(line) {
+        // 找跟这个线段相邻的线
+        const mergeNextLine = (point, nextIndex, target) => {
+            const nextLine = point.lines.find((line) => {
+                const pointIndex = line.points.findIndex(({ id }) => id === point.id);
+                if (pointIndex === nextIndex)
+                    return false;
+                return true;
+            });
+            if (!nextLine)
+                return target;
+            const nextPoint = nextLine.points[nextIndex];
+            if (!nextPoint)
+                return target;
+            return mergeNextLine(nextPoint, nextIndex, target.concat(nextLine));
+        };
+        const rightLines = mergeNextLine(line.points[0], 1, []);
+        const leftLines = mergeNextLine(line.points[0], 0, []);
+        const lines = rightLines.concat(leftLines);
+        return lines;
+    }
+
+    class ViewController extends BaseController {
+        constructor(params) {
+            super(params);
+            Object.defineProperty(this, "type", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: 'view'
+            });
+            Object.defineProperty(this, "highlightedLines", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: []
+            });
+            Object.defineProperty(this, "hammer", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: void 0
+            });
+            Object.defineProperty(this, "wantsTapGesture", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (raycaster) => {
+                    // 不存在线
+                    if (this.model.lines.length === 0)
+                        return;
+                    const [target] = this.five.model.intersectRaycaster(raycaster);
+                    // 点击射线与模型没有交点
+                    if (!target)
+                        return;
+                    const camera = this.five.camera;
+                    const ndcTarget = target.point.clone().project(camera);
+                    const screenWidth = this.container.clientWidth;
+                    const screenHeight = this.container.clientHeight;
+                    const targetScreenPosition = new THREE.Vector2(ndcTarget.x * screenWidth, ndcTarget.y * screenHeight);
+                    // 把线的端点全部映射到屏幕上，过滤掉不在视野内的线，同时乘以屏幕宽 & 高
+                    const screenLines = this.model.lines
+                        .map((line) => {
+                        const [startPoint, endPoint] = line.points;
+                        const ndcStartPoint = startPoint.position.clone().project(camera);
+                        const ndcEndPoint = endPoint.position.clone().project(camera);
+                        if (!isNDCPointInScreen(ndcStartPoint) && !isNDCPointInScreen(ndcEndPoint))
+                            return null;
+                        const startScreenPosition = new THREE.Vector2(ndcStartPoint.x * screenWidth, ndcStartPoint.y * screenHeight);
+                        const endScreenPosition = new THREE.Vector2(ndcEndPoint.x * screenWidth, ndcEndPoint.y * screenHeight);
+                        return { id: line.id, points: [startScreenPosition, endScreenPosition] };
+                    })
+                        .filter((line) => !!line);
+                    if (screenLines.length === 0)
+                        return;
+                    // 找这些线距离鼠标点击位置最近的线
+                    const distanceLines = screenLines
+                        .map((line) => {
+                        const closestPoint = closestPointOnLine(targetScreenPosition, line.points);
+                        return { id: line.id, distance: closestPoint.distanceTo(targetScreenPosition) };
+                    })
+                        .sort((a, b) => a.distance - b.distance);
+                    const closestScreenLine = distanceLines[0];
+                    const closestLine = closestScreenLine.distance > 20
+                        ? undefined
+                        : this.model.lines.find(({ id }) => id === closestScreenLine.id);
+                    if (this.highlightedLines.length > 0 && !closestLine) {
+                        this.clearHighlightLines();
+                        return false;
+                    }
+                    if (closestLine) {
+                        this.chooseLine(closestLine);
+                        return false;
+                    }
+                }
+            });
+            Object.defineProperty(this, "chooseLine", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (line) => {
+                    const highlightLines = findAssociatedLines(line);
+                    this.highlightLines(highlightLines);
+                    this.five.needsRender = true;
+                    this.hook.emit('selectedChange', highlightLines.map((line) => line.toCompletelyJson()));
+                }
+            });
+            Object.defineProperty(this, "lineRemoved", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: (line) => {
+                    this.removeLine(line);
+                    // TODO: 这个逻辑不太好，改进一下
+                    this.hook.emit('selectedChange', this.model.lines.filter((line) => line.selected).map((line) => line.toCompletelyJson()));
+                }
+            });
+            Object.defineProperty(this, "onCameraUpdate", {
+                enumerable: true,
+                configurable: true,
+                writable: true,
+                value: () => {
+                    this.updateDistanceUI();
+                }
+            });
+            this.model.lines.forEach((line) => {
+                line.distanceItem.appendTo(this.container);
+                line.distanceItem.update(this.five);
+                line.hook.on('selected', this.chooseLine);
+                this.group.add(line.mesh);
+            });
+            const fiveElement = this.five.getElement();
+            if (fiveElement) {
+                const hammer = new Hammer__default["default"](fiveElement);
+                this.hammer = hammer;
+            }
+            this.model.hook.on('lineRemoved', this.lineRemoved);
+            this.five.on('cameraUpdate', this.onCameraUpdate);
+            this.five.on('wantsTapGesture', this.wantsTapGesture);
+            this.five.needsRender = true;
+        }
+        dispose() {
+            var _a;
+            super.dispose();
+            this.model.hook.off('lineRemoved', this.lineRemoved);
+            this.five.off('cameraUpdate', this.onCameraUpdate);
+            this.five.off('wantsTapGesture', this.wantsTapGesture);
+            this.five.needsRender = true;
+            this.hook.emit('selectedChange', []);
+            (_a = this.hammer) === null || _a === void 0 ? void 0 : _a.destroy();
+        }
+        highlightLine(line) {
+            if (line.selected)
+                return;
+            line.selected = true;
+            this.group.add(line.lightMesh);
+            line.distanceItem.highlight();
+            this.five.needsRender = true;
+        }
+        clearHighlightLines() {
+            if (this.group.children.length === 0)
+                return;
+            this.model.lines.forEach((line) => {
+                line.selected = false;
+                line.distanceItem.unHighlight();
+                this.group.remove(line.lightMesh);
+            });
+            this.highlightedLines = [];
+            this.five.needsRender = true;
+        }
+        highlightLines(lines) {
+            this.clearHighlightLines();
+            this.highlightedLines = lines;
+            lines.forEach((line) => this.highlightLine(line));
+        }
+    }
+
     const svg = `
 <svg class="fpm__delete-icon" width="16px" height="17px" viewBox="0 0 16 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
@@ -11069,50 +11290,6 @@
         }
     }
 
-    /**
-     * 获取一点对于线段上最近的一点，
-     * 如果可以是过直线垂线的垂足，不行的话取线段的两端
-     * @param point
-     * @param linePoints
-     * @return
-     */
-    function closestPointOnLine(point, linePoints) {
-        const tA = point.x - linePoints[0].x;
-        const tB = point.y - linePoints[0].y;
-        const tC = linePoints[1].x - linePoints[0].x;
-        const tD = linePoints[1].y - linePoints[0].y;
-        // 设线段为 AB 线段，线段外一点为 P
-        // tDot = AP 向量与 AB 向量乘积，tLenSq 为 |AB|平方。
-        // tParam 是 AP 向量在 AB 向量投影向量 AC 与 AB 向量的比。
-        const tDot = tA * tC + tB * tD;
-        const tLenSq = tC * tC + tD * tD;
-        const tParam = tDot / tLenSq;
-        let tXx, tYy;
-        if (tParam < 0 || samePointAt(linePoints[0], linePoints[1])) {
-            tXx = linePoints[0].x;
-            tYy = linePoints[0].y;
-        }
-        else if (tParam > 1) {
-            tXx = linePoints[1].x;
-            tYy = linePoints[1].y;
-        }
-        else {
-            tXx = linePoints[0].x + tParam * tC;
-            tYy = linePoints[0].y + tParam * tD;
-        }
-        return new THREE.Vector2(tXx, tYy);
-    }
-    /**
-     * 检查两个点是否位置相同
-     * point: { x: number, y: number }
-     * @param  point1
-     * @param  point2
-     * @return
-     */
-    function samePointAt(point1, point2) {
-        return point1.x === point2.x && point1.y === point2.y;
-    }
-
     function ndc2Screen(ndcPosition, containerSize) {
         const left = ((ndcPosition.x + 1) / 2) * containerSize.width;
         const top = (-(ndcPosition.y - 1) / 2) * containerSize.height;
@@ -11145,28 +11322,6 @@
         return ndcPoints[0];
     }
 
-    function findAssociatedLines(line) {
-        // 找跟这个线段相邻的线
-        const mergeNextLine = (point, nextIndex, target) => {
-            const nextLine = point.lines.find((line) => {
-                const pointIndex = line.points.findIndex(({ id }) => id === point.id);
-                if (pointIndex === nextIndex)
-                    return false;
-                return true;
-            });
-            if (!nextLine)
-                return target;
-            const nextPoint = nextLine.points[nextIndex];
-            if (!nextPoint)
-                return target;
-            return mergeNextLine(nextPoint, nextIndex, target.concat(nextLine));
-        };
-        const rightLines = mergeNextLine(line.points[0], 1, []);
-        const leftLines = mergeNextLine(line.points[0], 0, []);
-        const lines = rightLines.concat(leftLines);
-        return lines;
-    }
-
     class WatchController extends BaseController {
         constructor(params) {
             super(params);
@@ -11440,6 +11595,7 @@
             super.dispose();
             this.deleteDom.dispose();
             this.model.hook.off('lineRemoved', this.lineRemoved);
+            this.model.lines.forEach((line) => line.hook.off('selected', this.chooseLine));
             this.five.off('cameraUpdate', this.onCameraUpdate);
             this.five.off('wantsPanGesture', this.wantsPanGesture);
             this.five.off('wantsTapGesture', this.wantsTapGesture);
@@ -13198,6 +13354,7 @@ void main() {
                         return new Error('不支持切换的Mode');
                     (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
                     const controllerMap = {
+                        View: ViewController,
                         Watch: WatchController,
                         Edit: EditController,
                     };
@@ -15593,7 +15750,7 @@ void main() {
     	return child_ctx;
     }
 
-    // (235:2) {#if itemLabelItem.visible}
+    // (234:2) {#if itemLabelItem.visible}
     function create_if_block(ctx) {
     	let itemlabelitem;
     	let current;
@@ -15637,7 +15794,7 @@ void main() {
     	};
     }
 
-    // (234:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+    // (233:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
     function create_each_block(key_1, ctx) {
     	let first;
     	let if_block_anchor;
@@ -15860,8 +16017,6 @@ void main() {
     	};
 
     	const getFormatedItemLabels = (five$1, labels) => {
-    		console.log(labels);
-
     		// 计算位置 & 可见性
     		const newLabels = labels.map(label => {
     			// 不在绑定点位则直接不可见

package/docs/classes/Magnifier.html

@@ -1,9 +1,9 @@
-<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Magnifier | 如视看房插件合集 - v2.0.0-alpha.39</title><meta name="description" content="Documentation for 如视看房插件合集 - v2.0.0-alpha.39"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视看房插件合集 - v2.0.0-alpha.39</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视看房插件合集 - v2.0.0-alpha.39</a></li><li><a href="Magnifier.html">Magnifier</a></li></ul><h1>Class Magnifier</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Magnifier</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class"><a href="Magnifier.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#contentDom" class="tsd-kind-icon">content<wbr/>Dom</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#hooks" class="tsd-kind-icon">hooks</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#visible" class="tsd-kind-icon">visible</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#width" class="tsd-kind-icon">width</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#appendTo" class="tsd-kind-icon">append<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#clear" class="tsd-kind-icon">clear</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#remove" class="tsd-kind-icon">remove</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#renderWithPoint" class="tsd-kind-icon">render<wbr/>With<wbr/>Point</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">new <wbr/>Magnifier<span class="tsd-signature-symbol">(</span>five<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Five</span>, options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MagnifierParameter</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Magnifier.html" class="tsd-signature-type" data-tsd-kind="Class">Magnifier</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L75">PanoMeasurePlugin/Modules/Magnifier.ts:75</a></li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>five: <span class="tsd-signature-type">Five</span></h5></li><li><h5>options: <span class="tsd-signature-type">MagnifierParameter</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="Magnifier.html" class="tsd-signature-type" data-tsd-kind="Class">Magnifier</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="contentDom" class="tsd-anchor"></a><h3 class="tsd-anchor-link">content<wbr/>Dom<a href="#contentDom" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">content<wbr/>Dom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L62">PanoMeasurePlugin/Modules/Magnifier.ts:62</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="height" class="tsd-anchor"></a><h3 class="tsd-anchor-link">height<a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L59">PanoMeasurePlugin/Modules/Magnifier.ts:59</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="hooks" class="tsd-anchor"></a><h3 class="tsd-anchor-link">hooks<a href="#hooks" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">hooks<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subscribe</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">MagnifierEvent</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L61">PanoMeasurePlugin/Modules/Magnifier.ts:61</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="visible" class="tsd-anchor"></a><h3 class="tsd-anchor-link">visible<a href="#visible" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">visible<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L60">PanoMeasurePlugin/Modules/Magnifier.ts:60</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="width" class="tsd-anchor"></a><h3 class="tsd-anchor-link">width<a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L58">PanoMeasurePlugin/Modules/Magnifier.ts:58</a></li></ul></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="appendTo" class="tsd-anchor"></a><h3 class="tsd-anchor-link">append<wbr/>To<a href="#appendTo" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">append<wbr/>To<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L118">PanoMeasurePlugin/Modules/Magnifier.ts:118</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
+<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Magnifier | 如视看房插件合集 - v2.0.0-alpha.41</title><meta name="description" content="Documentation for 如视看房插件合集 - v2.0.0-alpha.41"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视看房插件合集 - v2.0.0-alpha.41</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视看房插件合集 - v2.0.0-alpha.41</a></li><li><a href="Magnifier.html">Magnifier</a></li></ul><h1>Class Magnifier</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">Magnifier</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Constructors</h3><ul class="tsd-index-list"><li class="tsd-kind-constructor tsd-parent-kind-class"><a href="Magnifier.html#constructor" class="tsd-kind-icon">constructor</a></li></ul></section><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#contentDom" class="tsd-kind-icon">content<wbr/>Dom</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#hooks" class="tsd-kind-icon">hooks</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#visible" class="tsd-kind-icon">visible</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#width" class="tsd-kind-icon">width</a></li></ul></section><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#appendTo" class="tsd-kind-icon">append<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#clear" class="tsd-kind-icon">clear</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#remove" class="tsd-kind-icon">remove</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#renderWithPoint" class="tsd-kind-icon">render<wbr/>With<wbr/>Point</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Constructors</h2><section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class"><a id="constructor" class="tsd-anchor"></a><h3 class="tsd-anchor-link">constructor<a href="#constructor" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">new <wbr/>Magnifier<span class="tsd-signature-symbol">(</span>five<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Five</span>, options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">MagnifierParameter</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="Magnifier.html" class="tsd-signature-type" data-tsd-kind="Class">Magnifier</a></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L75">PanoMeasurePlugin/Modules/Magnifier.ts:75</a></li></ul></aside><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>five: <span class="tsd-signature-type">Five</span></h5></li><li><h5>options: <span class="tsd-signature-type">MagnifierParameter</span></h5></li></ul><h4 class="tsd-returns-title">Returns <a href="Magnifier.html" class="tsd-signature-type" data-tsd-kind="Class">Magnifier</a></h4></li></ul></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="contentDom" class="tsd-anchor"></a><h3 class="tsd-anchor-link">content<wbr/>Dom<a href="#contentDom" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">content<wbr/>Dom<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">HTMLCanvasElement</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L62">PanoMeasurePlugin/Modules/Magnifier.ts:62</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="height" class="tsd-anchor"></a><h3 class="tsd-anchor-link">height<a href="#height" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L59">PanoMeasurePlugin/Modules/Magnifier.ts:59</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="hooks" class="tsd-anchor"></a><h3 class="tsd-anchor-link">hooks<a href="#hooks" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">hooks<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subscribe</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">MagnifierEvent</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L61">PanoMeasurePlugin/Modules/Magnifier.ts:61</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="visible" class="tsd-anchor"></a><h3 class="tsd-anchor-link">visible<a href="#visible" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">visible<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L60">PanoMeasurePlugin/Modules/Magnifier.ts:60</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="width" class="tsd-anchor"></a><h3 class="tsd-anchor-link">width<a href="#width" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L58">PanoMeasurePlugin/Modules/Magnifier.ts:58</a></li></ul></aside></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="appendTo" class="tsd-anchor"></a><h3 class="tsd-anchor-link">append<wbr/>To<a href="#appendTo" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">append<wbr/>To<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L118">PanoMeasurePlugin/Modules/Magnifier.ts:118</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
 <p>把放大镜放到某一个容器中</p>
-</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>element: <span class="tsd-signature-type">Element</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="clear" class="tsd-anchor"></a><h3 class="tsd-anchor-link">clear<a href="#clear" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">clear<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L113">PanoMeasurePlugin/Modules/Magnifier.ts:113</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
+</div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>element: <span class="tsd-signature-type">Element</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="clear" class="tsd-anchor"></a><h3 class="tsd-anchor-link">clear<a href="#clear" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">clear<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L113">PanoMeasurePlugin/Modules/Magnifier.ts:113</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
 <p>清除放大镜渲染内容</p>
-</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="dispose" class="tsd-anchor"></a><h3 class="tsd-anchor-link">dispose<a href="#dispose" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L100">PanoMeasurePlugin/Modules/Magnifier.ts:100</a></li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a><h3 class="tsd-anchor-link">remove<a href="#remove" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">remove<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L107">PanoMeasurePlugin/Modules/Magnifier.ts:107</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="dispose" class="tsd-anchor"></a><h3 class="tsd-anchor-link">dispose<a href="#dispose" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">dispose<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L100">PanoMeasurePlugin/Modules/Magnifier.ts:100</a></li></ul></aside><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a><h3 class="tsd-anchor-link">remove<a href="#remove" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">remove<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L107">PanoMeasurePlugin/Modules/Magnifier.ts:107</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
 <p>移除放大镜 DOM</p>
-</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="renderWithPoint" class="tsd-anchor"></a><h3 class="tsd-anchor-link">render<wbr/>With<wbr/>Point<a href="#renderWithPoint" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">render<wbr/>With<wbr/>Point<span class="tsd-signature-symbol">(</span>point<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/214c42b/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L126">PanoMeasurePlugin/Modules/Magnifier.ts:126</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
+</div></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="renderWithPoint" class="tsd-anchor"></a><h3 class="tsd-anchor-link">render<wbr/>With<wbr/>Point<a href="#renderWithPoint" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class"><li class="tsd-signature tsd-kind-icon">render<wbr/>With<wbr/>Point<span class="tsd-signature-symbol">(</span>point<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/0e6cbf9/plugins/src/PanoMeasurePlugin/Modules/Magnifier.ts#L126">PanoMeasurePlugin/Modules/Magnifier.ts:126</a></li></ul></aside><div class="tsd-comment tsd-typography"><div class="lead">
 <p>放大传入点位周围的内容</p>
 </div></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>point: <span class="tsd-signature-type">Vector3</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-class"><a href="Magnifier.html" class="tsd-kind-icon">Magnifier</a><ul><li class="tsd-kind-constructor tsd-parent-kind-class"><a href="Magnifier.html#constructor" class="tsd-kind-icon">constructor</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#contentDom" class="tsd-kind-icon">content<wbr/>Dom</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#height" class="tsd-kind-icon">height</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#hooks" class="tsd-kind-icon">hooks</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#visible" class="tsd-kind-icon">visible</a></li><li class="tsd-kind-property tsd-parent-kind-class"><a href="Magnifier.html#width" class="tsd-kind-icon">width</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#appendTo" class="tsd-kind-icon">append<wbr/>To</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#clear" class="tsd-kind-icon">clear</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#dispose" class="tsd-kind-icon">dispose</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#remove" class="tsd-kind-icon">remove</a></li><li class="tsd-kind-method tsd-parent-kind-class"><a href="Magnifier.html#renderWithPoint" class="tsd-kind-icon">render<wbr/>With<wbr/>Point</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>