編碼的世界 / 優質文選 / 生涯

CSS藝術字

2021年11月04日
-   

一、使用canvas自己畫
1. 腳本部分
 <script type="text/javascript">
 function drawText() {
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");
 ctx.font = "35px 微軟雅黑";
 ctx.strokeText("VVHi",50,50);





 }
 </script>

2. 頁面引用部分
<body οnlοad="drawText();"> <div> <canvas id="canvas" width="200" height="100"></canvas> </div></body>

 
二、CSS方式
1. css部分
 <style type="text/css">
 .logo-self {





 font-size: 40px;
 text-shadow: 5px 5px 5px black, 0px 0px 2px black;
 color: white;
 }
 </style>

2. 頁面引用部分
<div class="logo-self">HTML5</div>

 

熱門文章