(1)文本的描边、填充、阴影
(2)文本的渐变填充
(3)文本的图案填充
(4)文本的属性设置及效果呈现
交互绘制文本.html
交互绘制文本body {
background: #eeeeee;
}
#canvas {
margin-left: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
border: 1px solid cornflowerblue;
background: #ffffff;
}
#controls {
margin: 10px;
}
文本内容:
描边
阴影
填充
渐变填充
图案填充
文本的属性设置:
oblique 150px lucida console
200px palatino
bolder 200px palatino
256px fantasy
256px century
256px tahoma
256px impact
oblique small-caps 256px palatino
italic 256px copperplate
Canvas not supported