200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html绘制三维 在HTML + JS画布中绘制三维图形

html绘制三维 在HTML + JS画布中绘制三维图形

时间:2022-03-10 09:58:16

相关推荐

html绘制三维 在HTML + JS画布中绘制三维图形

是否有任何框架/引擎能够在Canvas上绘制三维图像?在HTML + JS画布中绘制三维图形

我打算画位于一个平面一些基元(不同形状的):

var dist = 2;

var hexHalfW = 35;

var lengthX = 20;

var hexR = Math.sqrt(lengthX*lengthX+hexHalfW*hexHalfW);//40.31128874

var hexDiag = 2*hexR;

var hexHeight = hexDiag;

var hexWidth = 2*hexHalfW;

function DrawHex(ctx, x, y)

{

var cx = x*(hexWidth + dist) - y*(hexWidth + dist)/2;

var cy = y*(hexR + lengthX + dist);

ctx.beginPath();

ctx.moveTo(cx, cy-hexR);

ctx.lineTo(cx+hexHalfW, cy-hexR+lengthX);

ctx.lineTo(cx+hexHalfW, cy+hexR-lengthX);

ctx.lineTo(cx, cy+hexR);

ctx.lineTo(cx-hexHalfW, cy+hexR-lengthX);

ctx.lineTo(cx-hexHalfW, cy-hexR+lengthX);

ctx.lineTo(cx, cy-hexR);

ctx.fill();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。