【Canvas】勾画二次曲线

效果：

代码：

DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>二次曲线控制板title>
     <style type="text/css">
     .centerlize{
        margin:0 auto;
        border:0px solid red;
        width:1200px;height:600px;
     }

     style>
    head>

     <body>
        <div class="centerlize">
            <canvas id="myCanvas" width="1200px" height="600px" style="border:1px dashed black;">
                出现文字表示您的浏览器尚不支持HTML5 Canvas
            canvas>
            <div>
                <input id="aTxt" placeholder="a" type="text"/> 
                <input id="bTxt" placeholder="b" type="text"/> 
                <input id="cTxt" placeholder="c" type="text"/> 
                <button onclick="draw();">DRAWbutton>
            div>
        div>
     body>
html>
<script type="text/javascript">

script>

以上代码不复杂，本来我都没动力去写的，后来想想不积跬步无以至千里，还是写了。代码不难，懂的都懂，就不赘述了。

END

Canvas.Math

【Canvas】勾画二次曲线

相关

标签