Javascript 正在尝试绘制程序

我正试图让这项工作，所以只有当我点击一个按钮的一面，它才开始绘制使用线工具

我是Javascript/Jquery新手，我正在尝试将这些项目组合在一起

将html更改为：

<center>
        <div class='example'>
            <p id="colorpickerHolder">
                <canvas id="paint"></canvas>
            </p>
        </div>
</center>

我希望让绘图程序正常工作，这样当您单击按钮时，您可以绘制直线，而当未单击按钮时，您可以正常绘制。但是谢谢你，我已经用HTML更新了小提琴。

<center>
        <div class='example'>
            <p id="colorpickerHolder">
                <canvas id="paint"></canvas>
            </p>
        </div>
</center>