怎么用javascript语言编程一个爱心形状呢

发布网友发布时间：2022-04-30 19:28

共3个回答

热心网友时间：2022-06-30 04:57

html5确实很方便

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
<p style="text-align:center"><canvas id="canvas1" height="600" width="600"></canvas></p>
<script type="text/javascript">
var canvas = document.getElementById("canvas1");
var ctx = canvas.getContext("2d");
ctx.translate(300,300); //sets center in the middle of the picture
drawHeart();

function drawHeart() {
   ctx.beginPath();
   ctx.moveTo(0,-100);
   ctx.bezierCurveTo(120,-300, 300,-100, 200,50);
   ctx.lineTo(0,250);
   ctx.lineTo(-200,50);
   ctx.bezierCurveTo(-300,-100, -120,-300, 0,-100);
   ctx.closePath();
   ctx.fillStyle="#ff0000";
   ctx.fill();
}
</script>
</body>
</html>

热心网友时间：2022-06-30 04:57

应该要先有一个爱心的源文件图片
你要做出什么样子？

热心网友时间：2022-06-30 04:58

用html5很方便