如何使用HTML5中canvas绘制一个立体金字塔图形？（javascript可以） 10
需求需要做一个如下图的金字塔，上面的字就不需要了，只建好金字塔的模型即可。现我已经用HTML5建好一个三角形，求给个完成金字塔的思路，若有代码就更好了.<html><he...
需求需要做一个如下图的金字塔，上面的字就不需要了，只建好金字塔的模型即可。现我已经用HTML5建好一个三角形，求给个完成金字塔的思路，若有代码就更好了.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>MYJZT</title>
<body onload="draw('canvas')">
<div style="text-align:center;">
<canvas id="myCanvas" width="400" height="500" solid #c3c3c3;"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.strokeStyle="black";
cxt.beginPath();
cxt.moveTo(200,0);
cxt.lineTo(0,400);
cxt.lineTo(400,400);
cxt.lineTo(200,0);
cxt.moveto(150,50);
cxt.line(50,200);
cxt.closePath();
cxt.stroke();
</script>
</body>
</head>
</html>
这些代码是我绘制三角形的。 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>MYJZT</title>
<body onload="draw('canvas')">
<div style="text-align:center;">
<canvas id="myCanvas" width="400" height="500" solid #c3c3c3;"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.strokeStyle="black";
cxt.beginPath();
cxt.moveTo(200,0);
cxt.lineTo(0,400);
cxt.lineTo(400,400);
cxt.lineTo(200,0);
cxt.moveto(150,50);
cxt.line(50,200);
cxt.closePath();
cxt.stroke();
</script>
</body>
</head>
</html>
这些代码是我绘制三角形的。 展开
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>MYJZT</title>
<body onload="draw('canvas')">
<div style="text-align:center;">
<canvas id="myCanvas" width="400" height="500" solid #c3c3c3;"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.strokeStyle="black";
cxt.beginPath();
cxt.moveTo(200,0);
cxt.lineTo(0,400);
cxt.lineTo(400,400);
cxt.lineTo(200,0);
cxt.moveTo(200,0);
cxt.lineTo(50,200);
cxt.lineTo(0,400);
cxt.moveTo(200,0);
cxt.lineTo(350,200);
cxt.lineTo(400,400);
cxt.closePath();
cxt.stroke();
</script>
</body>
</head>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>MYJZT</title>
<body onload="draw('canvas')">
<div style="text-align:center;">
<canvas id="myCanvas" width="400" height="500" solid #c3c3c3;"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.strokeStyle="black";
cxt.beginPath();
cxt.moveTo(200,0);
cxt.lineTo(0,400);
cxt.lineTo(400,400);
cxt.lineTo(200,0);
cxt.moveTo(200,0);
cxt.lineTo(50,200);
cxt.lineTo(0,400);
cxt.moveTo(200,0);
cxt.lineTo(350,200);
cxt.lineTo(400,400);
cxt.closePath();
cxt.stroke();
</script>
</body>
</head>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具，它提供了4种AI制作PPT的方式，包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT，一站式集成多种AI生成PPT的方式，可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
展开全部
在右边在绘制一条直线，角度和右边的棱大约25°，要稍微短一些，然后连接
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
