当前位置:首页天津网站制作方案 → 全部信息
设置笔触颜色HTML5 Canvas的文本
更新时间:2013/1/7 点击:1435次
先看下个例子:
 
 
<!DOCTYPE HTML>
<html>
<head>
<title>html5_canvas_text_stroke</title>
 <style>
body {margin: 0px;padding: 0px;}
 #myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}
 </style>
<script>
   window.onload = function(){
     var canvas = document.getElementById("myCanvas");
     var context = canvas.getContext("2d");
 
     var x = 80;
     var y = 110;
     context.font = "60pt Calibri";
 
     context.lineWidth = 3;
     context.strokeStyle = "blue"; // stroke color
     context.strokeText("Hello World!", x, y);
 };
 </script>
</head>
<body>
 <canvas id="myCanvas" width="578" height="200">
 </canvas>
</body>
</html>
  • bbbbb公司总机:022-28261501 28335110    服务邮箱:service@nfree.cn    手机直线:15822335163 QQ:912030008
  • 地址:天津市河西区环湖中路57号华实大厦7层C10-11    备案/许可证编号: 津ICP备11006814号-1
  • CopyRight 2006~2018 All Rights Reserved 天津市华易动力信息科技有限公司

    津公网安备 12010302001042号