如何绘制宽度的路径就像画布2d lineTo

时间:2012-12-04 09:07:52

标签: webgl three.js

如何像画布2d lineTo一样绘制宽度的路径。我认为THREE.Line非常接近我的要求,但我发现在某些平台上线的宽度不能大于1。有没有达到这个目的的替代品? 非常感谢!

2 个答案:

答案 0 :(得分:0)

线宽(和大写等)被设置为材料的属性,而不是行。所以只需指定(作为测试)material.linewidth = 3并尝试一下。查看THREE.LineBasicMaterial的build / three.js代码清单以获取更多详细信息。

答案 1 :(得分:0)

要绕过线宽限制,我认为您必须自己生成线几何图形作为三角形,而不是依靠GL来绘制粗线。 canvas2d行做了一些奇怪的事情(http://jsfiddle.net/greggman/hWmWT/)

另一种方法是在线条图代码中添加一些2d偏移量,并每次多次绘制相同的线条以更改偏移量。

http://github.com/corbanbrook/webgl-2d可能有你需要的东西