求帮助 html5三次贝塞尔曲线问题

时间:2019-06-26 19:45:46   收藏:0   阅读:112

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>canvas-绘制三次贝塞尔曲线</title>
<script type="text/javascript" charset="gb2312">
function draw() {
var c = document.getElementById("canvas1");
if (c == null) return false;
var context = c.getContext(‘2d‘);
context.beginPath();
context.moveTo(25,175);
context.lineTo(60,80);
context.lineTo(150,30);
context.lineTo(170,150);
context.stroke();
context.beginPath();
context.bezierCurveTo(60,80,150,30,170,150);
context.strokeStyle="red";
context.stroke();
}
</script>
</head>
<body onload="draw()">
<canvas id="canvas1" width="400" height="300">
您的浏览器不支持 HTML5 canvas标签。
</canvas>
</body>

</html>

我的结果是这样,技术分享图片

正确答案是技术分享图片

为什么??

 

原文:https://www.cnblogs.com/xishuaitanqin/p/11092517.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!