html语言填充没有只有描边,HTML5 Canvas笔记——交互绘制文本（描边、填充、阴影、渐变填充、图案填充、文本的属性设置）...

(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