canvas一周一练 -- canvas绘制立体文字（7） - 张不丢_H5之家

HTML5技术

canvas一周一练 -- canvas绘制立体文字（7） - 张不丢

字号+ 作者：H5之家来源：H5之家 2017-07-18 15:01 我要评论( )

运行效果： !DOCTYPE htmlhtmlhead/headbodycanvas id=width=height=A drawing of someing!/canvasscript type= ); if (drawing.getContext) { context = drawing.getContext( );context.fillStyle = ;context.textAlign = ;context.textBaseline = ;context

运行效果：

<!DOCTYPE html> <html> <head> </head> <body> <canvas id=width=height=>A drawing of someing!</canvas> <script type=> ); if(drawing.getContext) { context = drawing.getContext(); context.fillStyle = ; context.textAlign = ; context.textBaseline = ; context.font = ; context.fillText(, 290, 90); context.globalAlpha = 0.7; context.font = ; context.fillText(, 380, 90); context.globalAlpha = 0.6; context.font = ; context.fillText(, 205, 90); context.globalAlpha = 0.6; context.font = ; context.fillText(, 450, 90); context.globalAlpha = 0.5; context.font = ; context.fillText(, 140, 90); context.globalAlpha = 0.5; context.font = ; context.fillText(, 500, 90); context.globalAlpha = 0.4; context.font = ; context.fillText(, 95, 90); context.globalAlpha = 0.4; context.font = ; context.fillText(, 530, 90); context.globalAlpha = 0.3; context.font = ; context.fillText(, 65, 90); context.globalAlpha = 0.3; } </script> </body> </html>