每个科目的目标。
代码片段:
var canvas= document.getElementById('myCanvas');
var ctx= canvas.getContext('2d');
canvas.width= 520;
canvas.height= 405;
ctx.font = "15pt Verdana";
ctx.lineWidth = 1;
// text 1
ctx.fillText("me and my dog puddie", 210, 90);
// text 2
ctx.fillText("you and many many crazy nuts", 210, 130);
// draw a quadratic bezier curved line between the these 2 text blocks
ctx.strokeStyle = "rgb(65,60,50)";
ctx.beginPath();
ctx.moveTo(210,100);
ctx.bezierCurve(230,250,130,160,160,100);
ctx.stroke();
/* outcome:
no line were drawn between these two text objects
*/
我对二次曲线的理解非常有限
最佳答案
换行
ctx.bezierCurve(230,250,130,160,160,100);
到
ctx.bezierCurveTo(230,250,130,160,160,100);
你应该可以开始了。
关于javascript - 如何在 HTML5 Canvas 中的两个文本对象之间绘制二次曲线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3299621/