1. 程式人生 > >canvas-js貝塞爾曲線程式碼線上生成工具

canvas-js貝塞爾曲線程式碼線上生成工具

可以快速生成二次、三次貝塞爾曲線的原始碼生成器,方便經常使用到canvas畫圖的同學使用,可以直接預覽效果隨意畫出自己想要的影象。

生成原始碼效果預覽:

複製程式碼
canvas = document.getElementById("canvas");
ctx = canvas.getContext("2d")
ctx.lineWidth = 6;
ctx.strokeStyle = "#0090D2";
ctx.beginPath();
ctx.moveTo(118, 264);
ctx.quadraticCurveTo(250, 100, 378, 264);
ctx.stroke();
複製程式碼
來自:http://blog.csdn.net/luyinchangdejiqing/article/details/45100019