我们知道网页上面有着丰富的元素，文字就是其中的一个重要的元素，我们实现文字效果有很多的办法，从文字的输入到图片都可以，但是通过代码的使用也可以达到这样的一种效果，在这里，我们就来学习一下！
工具/原料
dreamweaver
方法/步骤
1
思路。要想在网页上面用代码写字，我们只有使用HTML5中的画布代码中的点线工具代码来实现，只要给出一个点的坐标，这个点就可以用线条一直描绘下去。
2
分析“百”字的所有的描绘点，要绘制这样的一个“百”字，我们需要确定9个点的坐标。我们把这9个点的坐标都确定以后，就可以一条线一条线的描绘出来。
3
使用 stroke() 代码把这里所有的点用线条进行描绘。
4
定义一下“百”字出现的画布，把这个'百“字直接用代码绘制出来。
5
用同样的方法写一个LOVE。
6
用更简单的办法去绘制矩形，对于一些特定的图形，我们可以通过设定边线的方式直接绘制。
下一篇：canvas实现对相片裁剪的功能