利用canvas绘制电子证书

                                     利用canvas绘制电子证书

---

 <canvas>标签是HTML中的一个图形容器，其实你也可以把它理解成为一个程序员的画图工具，它只要提供的是2D绘制功能。我们可以通过利用JavaScript 来控制它绘制各种文本和图像。

下面我们通过一个绘制电子证书的例子来了解一下这个canvas究竟是个什么东西。

首先，我们需要自己在网上找一张证书的图片。

然后，新建一个project，在body中写一个<canvas>标签并且设置其相应的属性。

<pre>
    <canvas style="background-color: #fff;" id="myCanVas" width="600" height="865">不好意思！！您的浏览器不支持canvas标签</canvas>
</pre>

根据证书的需求执行添加控件，我这里添加了3个控件。分别是：姓名、证书内容、日期。