ТРИ не определено в IE11, но не в Chrome - PullRequest
0 голосов
/ 05 июня 2019

Я не могу заставить код работать в IE11, хотя он отлично работает в других браузерах (например, Chrome).

Я нашел что-то на codepen.io, которое идеально подходит для того, что я 'Я пытаюсь показать.(https://codepen.io/iMax723/pen/JXMNdv) Проблема в том, что, как только я пытаюсь открыть его с помощью IE, ничего не появляется.

  • Я проверил, поддерживает ли IE Three.js и поддерживает ли он - но толькочастично (https://stackoverflow.com/a/50880630/8428325).
  • Я даже проверил, поддерживает ли WebGL, зайдя на этот сайт: https://get.webgl.org/ - и он делает
  • Я пытался связываться снастройки безопасности (активация ActiveX и открытие файлов с моего локального компьютера и т. д.) - не сработали.

    <body>
        <script>
        THREE.ShapeUtils.triangulateShape = (function() {
            //Code})();
        </script>
    </body>
    

Это сообщение появляется при использовании консоли: https://docs.microsoft.com/de-de/previous-versions/xyf5fs0y(v=vs.94) -> в ТРИ ... строке

1 Ответ

0 голосов
/ 06 июня 2019

THREE не определено в IE11, но не в Chrome

Попробуйте изменить порядок импорта сценариев JavaScript, добавив ссылку на JQuery, можно добавить собственный сценарий JavaScript и использовать THREE,

Код, как показано ниже (проверьте код, добавьте ссылку JQuery дважды):

<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="CSS/style.css" rel="stylesheet" />
</head>
<body>

    <div id="three-container"></div>
    <div id="instructions">
        MAX HUANG
    </div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/three.js/r75/three.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/TextGeometry.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/FontUtils.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/pnltri.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/droid_sans_bold.typeface.js'></script>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/175711/bas.js'></script>
    <script src="Scripts/index.js"></script>

    <script>
        THREE.ShapeUtils.triangulateShape = (function () {
            var pnlTriangulator = new PNLTRI.Triangulator();
            return function triangulateShape(contour, holes) {
                return pnlTriangulator.triangulate_polygon([contour].concat(holes));
            };
        })();</script>
</body>

Приведенный выше код хорошо работает на моей стороне (используется версия IE 11.116.18362.0), нотребуется 3 ~ 6 секунд для загрузки Javascript и отображения анимации.

...