jquery

特定のHtmlElementを画面いっぱいにするToggleの実験
“W” translate | “E” rotate | “R” scale | “+” increase size | “-” decrease size Press “Q” to toggle world/local space, keep “Ctrl” down to snap to grid close ボタンが押されたら、最前面にposition: fixedの板($modal)を表示してそっちに Three.jsで使っているElement($renderer)の内容を付け替える。 let $children=$renderer.children(); $modal .appendTo($('body')) .css({ display: 'block', position: 'fixed', left: 0, width: '100%', top: 0, height: '100%', 'z-index': 100 }); $children.appendTo($modal); $(window).trigger('resize'); 概ねこんな感じ。 スクロールバーをbodyじゃなくて最大化表示用のdivより後ろにまわすなどの細工はしてある。