Html5畫圖

時間 2019-12-14

標籤 html5 html 畫圖欄目 HTML5 简体版

原文原文鏈接

<!DOCTYPE HTML>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(20,10);
cxt.lineTo(150,50);
cxt.lineTo(20,70);
cxt.stroke();

</script>

</body>
</html>

效果圖：javascript