我对如何在Three.js中挤出SVG的冲突方法感到有些困惑。
r69的一个教程在这里:http://www.smartjava.org/ltjs/chapter-06/05-extrude-svg.html。它使用一个名为d3-threeD.js的库,但是当我替换svg细节(“d =”之后的所有内容)时,它就不起作用。
我看到其他一些例子使用这些库:
<script src="http://threejs.org/examples/js/renderers/SVGRenderer.js"></script>
<script src="http://threejs.org/examples/js/renderers/Projector.js"></script>
<script src="http://threejs.org/examples/js/loaders/SVGLoader.js"></script>
但是(我认为)他们不允许挤出,因为它们将SVG显示为图像。
我的svg是:
<?xml version="1.0" encoding="utf-8"?> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <path fill="#FFFFFF" stroke="#000000" stroke-miterlimit="10" d="M498.7,373.2c-0.1-43-35.1-78.7-78.1-78.7c-0.3,0-0.6,0-0.9,0
C414,262,382,209,313,210c-71.9,1-112,48-121.1,88.4c-17.2-24-50.2-33.2-81.9-32.4c-86,2-93.6,107.2-93.6,107.2H498.7z"/> </svg>