缩小后x3d对象不会恢复正常大小

时间:2019-05-14 16:39:16

标签: html css twitter-bootstrap

当我使用引导程序来承载x3d形状时,我可以调整窗口的大小以使其更小,但是当我调整窗口的大小以使其更大时,它保持其收缩状态。

这正在使用x3dom运行bootstrap 4

<!DOCTYPE html>
<html lang="en">

<head>
    <title>3d application</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script type='text/javascript' src='https://www.x3dom.org/download/x3dom.js'> </script>
    <link rel='stylesheet' type='text/css' href='https://www.x3dom.org/download/x3dom.css'>
    <base href="/" />
    </link>
</head>



<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <x3d width=600 height=400>
                    <scene>
                        <shape>
                            <appearance>
                                <material diffuseColor='1 0 0'></material>
                            </appearance>
                            <box></box>
                        </shape>
                        <transform translation='-3 0 0'>
                            <shape>
                                <appearance>
                                    <material diffuseColor='0 1 0'></material>
                                </appearance>
                                <cone></cone>
                            </shape>
                        </transform>
                        <transform translation='3 0 0'>
                            <shape>
                                <appearance>
                                    <material diffuseColor='0 0 1'></material>
                                </appearance>
                                <sphere></sphere>
                            </shape>
                        </transform>
                    </scene>
                </x3d>
            </div>
        </div>
    </div>


</body>

我希望当我将窗口调整为较小的尺寸时,场景窗口也会变小,

当我将窗口放大时,场景窗口也会增长。

但是当我缩小窗口时,场景窗口会缩小

当我将其恢复正常时,场景窗口保持缩小状态。

0 个答案:

没有答案