如何用H5改变图形样式
HTML5标签除了增添绘图功能我们可以在网页中输出图片和动画外，还可以为图片和动画元素添加一些属性，来改变图片和场景样式，如图片的变化效果等，下面就让我们一起动手吧！
工具/材料
dw等代码编辑软件
操作方法
-
01
先在HTML5页面主体里面添加一个<canvas>标签，定义一张画布（大小，背景颜色）代码如图1；
-
02
在html5的头部嵌入JS代码，并把画布加载到页当中去；如图2
-
03
运行程序，这样我们就可以看到一张刚才定义好的画布了，如图3
-
04
在起点为（50，50）至（200，400）的地方划一条斜线，颜色为红色，如图4
-
05
运行代码，这时候会发现，画布里面多了一条划线，如图5
-
06
在端点为（50，200）的地方在添加一条斜线，线的精细为10，如图6
-
07
运行程序，如图7
-
08
通过linejoin的三种属性“miter、round、bevel”可以把两条线的端点变为尖角、圆角、钝角，代码如图8（变为圆角）
-
09
运行程序，如图9（怎么样，你看到小圆角了吗？）
- End
- 发表于 2017-10-23 00:00
- 阅读 ( 700 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章