javascript - threejs 获取场景中某一个平面图，是否能够实现？

问题描述

问 题

需求：最近在研究threejs，因为一个物件是由多个模型组合而成，但是想着用户在旋转3d模型的时候，是否能够在当前旋转角度截取一个平面图，就类似手机的截屏，不知道在软件技术方面能否实现？

解决方案

ok，已经找到办法了，threejs本身就是绘制一个canvas，然而canvas本身就可以获取平面图，

 function drawImg(){
        var mycanvas = document.getElementById("canvas");  
        var image    = mycanvas.toDataURL("image/png");  
        var w=window.open('about:blank','image from canvas');  
        w.document.write("<img src='"+image+"' alt='from canvas'/>"); 
    }

    $('#saveImg').click(function(){
        drawImg();
    })

这篇关于javascript - threejs 获取场景中某一个平面图，是否能够实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！