three.js添加多个画布

多个场景的渲染需要多个画布，但是这样会导致加载模型纹理次数变多，基本方法是用一张canvas在整个背景中填充视口，利用其它元素作为每个虚拟画布，只在canvas中加载一个渲染器renderer，并为每个虚拟画布创建一个场景，这样只需要确保每个虚拟画布的位置，three.ja就会将他们渲染在整个屏幕中指定的位置。

这样我们只添加了一个canvas，仅使用了一个webgl contexts，解决了webgl上下文数量限制问题。