编程题目canvas画三角形参考代码有吗？
来源：2-4 移动端应用
陈祺祺
2017-10-15 19:54:06
求题目的代码
3回答
-
幕布斯1065030
2017-11-16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Canvas</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: none;
}
canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
margin: auto;
background: #ececec;
}
</style>
<script type="text/javascript">
window.onload = function() {
var canvas=document.getElementById("canvas");
var context=canvas.getContext('2d');
context.moveTo(100,100);
context.lineTo(200,100);
// context.stroke();
context.moveTo(200,100);
context.lineTo(200,200);
// context.stroke();
context.moveTo(100,100);
context.lineTo(200,200);
context.stroke();
};
</script>
</head>
<body>
<canvas id="canvas" width="800" height="600">注意，浏览器推荐使用Chrome！</canvas>
</body>
</html>
0 -
慕娘5956550
2017-10-26
<script type="text/javascript">
window.onload=function(){
var canvas=document.getElementById("canvas");
var context=canvas.getContext('2d');
context.moveTo(100,100);
context.lineTo(200,200);
context.moveTo(200,200);
context.lineTo(220,180);
context.moveTo(220,180);
context.lineTo(100,100);
context.stroke();
}
</script>0 -
小丸子爱吃菜
2017-10-16
编程题没有固定的答案，而且课程中的编程题是针对课程中所讲到的知识点，老师在课程中都有做介绍，建议先自己尝试着写一下，如果效果没有达到或者哪一块思路有问题，都可以在问答区进行提问，我们的助教会针对你的问题给与帮助和解答哦~
祝学习愉快！
0
相似问题