这里我们使用豆包AI，写出我们的要求：
生成一个html页面，页面中央放一个canvas画布，第一层绘制一个坐标系，x坐标刻度为-1.0pi，-0.5pi，0，0.5pi，1.0pi，y坐标刻度是-1，0，1，第二层绘制一个正弦函数曲线图：a*sin(x)+b，canvas上面放4个按钮，一个文字是a+，一个文字是a-，一个文字是b+，一个文字是b-，写一个javascript函数，点击a+，则a的值增加0.1pi,点击a-，则a的值减少0.1pi,点击b+，则b的值增加0.1pi,点击b-，则b的值减少0.1pi，写出完整的html和内置的javascrit代码
豆包回答如下：
我们复制这段代码，然后新建一个记事本文件，把豆包AI生成的代码复制进去，并保存为sinx.html。
然后我们双击这个html文件，就能在浏览器中看到这个课件的界面了。
然后我们点击a-按钮，看看效果。波形幅度明显变化了。
再点击b+按钮，看看效果，波形整体上移了。
下面是完整的html代码。
Sine Wave Plotter