mirror of https://gitee.com/antv-l7/antv-l7
style: code style
This commit is contained in:
2912401452
parent
06b4933ecc
commit
aafa14dc69
|
|
@ -21,125 +21,125 @@ export default class PointTest extends React.Component {
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
|
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
var Stats = function() {
|
// var Stats = function() {
|
||||||
function h(a) {
|
// function h(a) {
|
||||||
c.appendChild(a.dom);
|
// c.appendChild(a.dom);
|
||||||
return a;
|
// return a;
|
||||||
}
|
// }
|
||||||
function k(a) {
|
// function k(a) {
|
||||||
for (var d = 0; d < c.children.length; d++)
|
// for (var d = 0; d < c.children.length; d++)
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
c.children[d].style.display = d === a ? 'block' : 'none';
|
// c.children[d].style.display = d === a ? 'block' : 'none';
|
||||||
l = a;
|
// l = a;
|
||||||
}
|
// }
|
||||||
var l = 0,
|
// var l = 0,
|
||||||
c = document.createElement('div');
|
// c = document.createElement('div');
|
||||||
c.style.cssText =
|
// c.style.cssText =
|
||||||
'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';
|
// 'position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000';
|
||||||
c.addEventListener(
|
// c.addEventListener(
|
||||||
'click',
|
// 'click',
|
||||||
function(a) {
|
// function(a) {
|
||||||
a.preventDefault();
|
// a.preventDefault();
|
||||||
k(++l % c.children.length);
|
// k(++l % c.children.length);
|
||||||
},
|
// },
|
||||||
!1,
|
// !1,
|
||||||
);
|
// );
|
||||||
var g = (performance || Date).now(),
|
// var g = (performance || Date).now(),
|
||||||
e = g,
|
// e = g,
|
||||||
a = 0,
|
// a = 0,
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
r = h(new Stats.Panel('FPS', '#0ff', '#002')),
|
// r = h(new Stats.Panel('FPS', '#0ff', '#002')),
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
f = h(new Stats.Panel('MS', '#0f0', '#020'));
|
// f = h(new Stats.Panel('MS', '#0f0', '#020'));
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
if (self.performance && self.performance.memory)
|
// if (self.performance && self.performance.memory)
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
var t = h(new Stats.Panel('MB', '#f08', '#201'));
|
// var t = h(new Stats.Panel('MB', '#f08', '#201'));
|
||||||
k(0);
|
// k(0);
|
||||||
return {
|
// return {
|
||||||
REVISION: 16,
|
// REVISION: 16,
|
||||||
dom: c,
|
// dom: c,
|
||||||
addPanel: h,
|
// addPanel: h,
|
||||||
showPanel: k,
|
// showPanel: k,
|
||||||
begin: function() {
|
// begin: function() {
|
||||||
g = (performance || Date).now();
|
// g = (performance || Date).now();
|
||||||
},
|
// },
|
||||||
end: function() {
|
// end: function() {
|
||||||
a++;
|
// a++;
|
||||||
var c = (performance || Date).now();
|
// var c = (performance || Date).now();
|
||||||
f.update(c - g, 200);
|
// f.update(c - g, 200);
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
if (
|
// if (
|
||||||
c > e + 1e3 &&
|
// c > e + 1e3 &&
|
||||||
(r.update((1e3 * a) / (c - e), 100), (e = c), (a = 0), t)
|
// (r.update((1e3 * a) / (c - e), 100), (e = c), (a = 0), t)
|
||||||
) {
|
// ) {
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
var d = performance.memory;
|
// var d = performance.memory;
|
||||||
t.update(d.usedJSHeapSize / 1048576, d.jsHeapSizeLimit / 1048576);
|
// t.update(d.usedJSHeapSize / 1048576, d.jsHeapSizeLimit / 1048576);
|
||||||
}
|
// }
|
||||||
return c;
|
// return c;
|
||||||
},
|
// },
|
||||||
update: function() {
|
// update: function() {
|
||||||
g = this.end();
|
// g = this.end();
|
||||||
},
|
// },
|
||||||
domElement: c,
|
// domElement: c,
|
||||||
setMode: k,
|
// setMode: k,
|
||||||
};
|
// };
|
||||||
};
|
// };
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
Stats.Panel = function(h, k, l) {
|
// Stats.Panel = function(h, k, l) {
|
||||||
var c = Infinity,
|
// var c = Infinity,
|
||||||
g = 0,
|
// g = 0,
|
||||||
e = Math.round,
|
// e = Math.round,
|
||||||
a = e(window.devicePixelRatio || 1),
|
// a = e(window.devicePixelRatio || 1),
|
||||||
r = 80 * a,
|
// r = 80 * a,
|
||||||
f = 48 * a,
|
// f = 48 * a,
|
||||||
t = 3 * a,
|
// t = 3 * a,
|
||||||
u = 2 * a,
|
// u = 2 * a,
|
||||||
d = 3 * a,
|
// d = 3 * a,
|
||||||
m = 15 * a,
|
// m = 15 * a,
|
||||||
n = 74 * a,
|
// n = 74 * a,
|
||||||
p = 30 * a,
|
// p = 30 * a,
|
||||||
q = document.createElement('canvas');
|
// q = document.createElement('canvas');
|
||||||
q.width = r;
|
// q.width = r;
|
||||||
q.height = f;
|
// q.height = f;
|
||||||
q.style.cssText = 'width:80px;height:48px';
|
// q.style.cssText = 'width:80px;height:48px';
|
||||||
var b = q.getContext('2d');
|
// var b = q.getContext('2d');
|
||||||
b.font = 'bold ' + 9 * a + 'px Helvetica,Arial,sans-serif';
|
// b.font = 'bold ' + 9 * a + 'px Helvetica,Arial,sans-serif';
|
||||||
b.textBaseline = 'top';
|
// b.textBaseline = 'top';
|
||||||
b.fillStyle = l;
|
// b.fillStyle = l;
|
||||||
b.fillRect(0, 0, r, f);
|
// b.fillRect(0, 0, r, f);
|
||||||
b.fillStyle = k;
|
// b.fillStyle = k;
|
||||||
b.fillText(h, t, u);
|
// b.fillText(h, t, u);
|
||||||
b.fillRect(d, m, n, p);
|
// b.fillRect(d, m, n, p);
|
||||||
b.fillStyle = l;
|
// b.fillStyle = l;
|
||||||
b.globalAlpha = 0.9;
|
// b.globalAlpha = 0.9;
|
||||||
b.fillRect(d, m, n, p);
|
// b.fillRect(d, m, n, p);
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
return {
|
// return {
|
||||||
dom: q,
|
// dom: q,
|
||||||
update: function(f, v) {
|
// update: function(f, v) {
|
||||||
c = Math.min(c, f);
|
// c = Math.min(c, f);
|
||||||
g = Math.max(g, f);
|
// g = Math.max(g, f);
|
||||||
b.fillStyle = l;
|
// b.fillStyle = l;
|
||||||
b.globalAlpha = 1;
|
// b.globalAlpha = 1;
|
||||||
b.fillRect(0, 0, r, m);
|
// b.fillRect(0, 0, r, m);
|
||||||
b.fillStyle = k;
|
// b.fillStyle = k;
|
||||||
b.fillText(e(f) + ' ' + h + ' (' + e(c) + '-' + e(g) + ')', t, u);
|
// b.fillText(e(f) + ' ' + h + ' (' + e(c) + '-' + e(g) + ')', t, u);
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
b.drawImage(q, d + a, m, n - a, p, d, m, n - a, p);
|
// b.drawImage(q, d + a, m, n - a, p, d, m, n - a, p);
|
||||||
b.fillRect(d + n - a, m, a, p);
|
// b.fillRect(d + n - a, m, a, p);
|
||||||
b.fillStyle = l;
|
// b.fillStyle = l;
|
||||||
b.globalAlpha = 0.9;
|
// b.globalAlpha = 0.9;
|
||||||
b.fillRect(d + n - a, m, a, e((1 - f / v) * p));
|
// b.fillRect(d + n - a, m, a, e((1 - f / v) * p));
|
||||||
},
|
// },
|
||||||
};
|
// };
|
||||||
};
|
// };
|
||||||
'object' === typeof module && (module.exports = Stats);
|
// 'object' === typeof module && (module.exports = Stats);
|
||||||
// @ts-ignore
|
// // @ts-ignore
|
||||||
var stats = new Stats();
|
// var stats = new Stats();
|
||||||
document.body.appendChild(stats.dom);
|
// document.body.appendChild(stats.dom);
|
||||||
|
|
||||||
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/e76d89f4-aa69-4974-90b7-b236904a43b1.json' // 100
|
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/e76d89f4-aa69-4974-90b7-b236904a43b1.json' // 100
|
||||||
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/edc8219a-b095-4451-98e9-3e387e290087.json' // 10000
|
// let address = 'https://gw.alipayobjects.com/os/bmw-prod/edc8219a-b095-4451-98e9-3e387e290087.json' // 10000
|
||||||
|
|
@ -164,6 +164,7 @@ export default class PointTest extends React.Component {
|
||||||
opacity: 1.0,
|
opacity: 1.0,
|
||||||
})
|
})
|
||||||
.select(true)
|
.select(true)
|
||||||
|
// .animate(true)
|
||||||
.active(true);
|
.active(true);
|
||||||
|
|
||||||
scene.on('loaded', () => {
|
scene.on('loaded', () => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue