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