0

ここで確認できるズーム効果を達成するために結び付けています: http://x3dom.org/x3dom/example/x3dom_x3dElementCSSIntegration.html。

したがって、ボタンをクリックしてフルスクリーンサイズに拡大し、ボタンをクリックした後に元のサイズに縮小したい単純な要素があります(実際にはこれがx3dの例であることは問題ではありません)。また。これを JavaScript でコーディングする際に、私が得られる助けをいただければ幸いです。この例のページ ソースを表示し、自分のプロジェクトで動作させようとしましたが、JavaScript が非常に苦手で、動作させることができないようです。

また、Google で検索してみましたが、見つけたすべての例は、必要なものと比較してはるかに洗練されています。

4

1 に答える 1

1

Something similar to the following should work.

HTML:

<div id="zoomable" class="resizable">
content
</div>

CSS:

.resizable {
position: relative;
}
.resizable.zoomed {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}

JavaScript:

document.getElementById('zoomable').className = "resizable zoomed";
于 2012-06-07T16:54:05.967 に答える