CodeW3C အွန်လိုင်း စာပေ
HTML စာပေ စာရင်း
ဘာသာသား စကာတင်
အက်ယ္မ် စကာတင်
ပြည်ထောင်စု စာပေ
XML စာပေ စာရင်း
ဝန်ဆောင် စာပေ
ကိုယ်စားပြု စာပေ
ပြည်ထောင်စု
JS ကိုးကားရာ
JS ကိုးကားရာ အမျိုးအစား (အမျိုးအစား)
JS ကိုးကားရာ စာစဉ် (အက္ခုအော်စ်)
JavaScript
JS အော်စ်
JS အကျယ်
JS အက်စ်
JS ရက်
JS အမှား
JS ကျန်းမာ
JS JSON
JS အမှတ်
JS အတ္တက်
JS အကြမ်း
JS အောင်မြင်မှု
JS အချက်ချင်း
JS အသင်း
JS စကား
JS အပုံစံ
JS ကောက်ချက်
JS ကောက်ချက် အဆင့်
JS ကောက်ချက်
JS အုပ်စုအစီအစဉ်
Window
Window အရာဝတ္တု
Window ကွန်ပျူတာ
Window သမိုင်း
Window စာရင်း
Window ကိုင်တွယ်
Window အိုင်ဂရို
HTML DOM
HTML အချုပ်
HTML အစိတ်
HTML အကျုပ်
HTML ဖြစ်ပေါ်စီးပွားရေး
HTML ဖြစ်ပေါ်စီးပွားရေး အပုံစံ
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML အော်ချို့
Web API
API ကယ်လွှမ်း
API ကွန်ပျူတာ
API ဆောက်လုပ်
API ပုံပေါ်
API နေရာ
API သမိုင်း
API မီဒီယာကိုင်တွယ်
API ကိုင်တွယ်
API စစ်ဆေး
API ဝီကီ
HTML အပုံစံ
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အမှုပြုသည်"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အမှုပြုသည်"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အမှုပြုသည်"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အမှုပြုသည်"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အမှုပြုသည်"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အမှုပြုသည်"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အမှုပြုသည်"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အမှုပြုသည်">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲခြင်း">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဘိလစ်များ">CodeW3C.com ဘိလစ်များ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Canvas strokeText() 方法</h1> <div class="btn-toref"> <p><a href="/my/jsref/api_canvas.html">Canvas ကိုယ်စားပြချက်</a></p> </div> <div> <h2>定义和用法</h2> <p><code>strokeText()</code> 方法在画布上绘制文本（没有填色）。文本的默认颜色是黑色。</p> <p class="tip"><span>အကြောင်းအရာ</span>အသုံးပြုပါ <a href="/my/tags/canvas_font.html" title="HTML 5 canvas font ဗီဇ">font</a> အခြေခံ လေးပတ် နှင့် အရွယ် ကို အစိုးရပြီး ဖြင့် <a href="/my/tags/canvas_strokestyle.html" title="HTML 5 canvas strokeStyle ဗီဇ">strokeStyle</a> ကုဒ်များ သို့မဟုတ် လောင်စားအမျိုးအစား ဖြင့် အမှတ်ကို ပြုပြင်ပေးသည်</p> </div> <div> <h2>အမှတ်</h2> <p>strokeText() စက်ကို အမှတ် "Hello world!" နှင့် "codew3c.com" ပြုပြင်ပေးသည်</p> <canvas id="myCanvas" class="canvas_example"> ကျွန်တော်၏ ဘရောက်သတ္တု က အီတလီ5 ကျွမ်းကျင်သည် မဟုတ်ဘဲ </canvas> <script> var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (er) {canvOK=0;} if (canvOK==1) { var ctx=c.getContext("2d"); ctx.font="20px Georgia"; ctx.strokeText("Hello World!",10,50); ctx.font="30px Verdana"; // 创建渐变 var gradient=ctx.createLinearGradient(0,0,c.width,0); gradient.addColorStop("0","magenta"); gradient.addColorStop("0.5","blue"); gradient.addColorStop("1.0","red"); // 用渐变填色 ctx.strokeStyle=gradient; ctx.strokeText("codew3c.com",10,90); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="20px Georgia"; <mark class="code_comment">ctx.strokeText("Hello World!",10,50);</mark> ctx.font="30px Verdana"; // လောင်စားအမျိုးအစား ဖန်တီးသည် var gradient=ctx.createLinearGradient(0,0,c.width,0); gradient.addColorStop("0","magenta"); gradient.addColorStop("0.5","blue"); gradient.addColorStop("1.0","red"); // လောင်စားအမျိုးအစားကို ပြုပြင်သည် ctx.strokeStyle=gradient; <mark class="code_comment">ctx.strokeText("codew3c.com",10,90);</mark> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=eg_html5_canvas_stroketext">ကျွန်တော် ကြိုးစားကြည်း</a></p> </div> <div> <h2>အပြောအများ</h2> <pre>context.strokeText(<i>text</i>,<i>x</i>,<i>y</i>,<i>maxWidth</i>);</pre> <h3>သဘောထား</h3> <table class="dataintable"> <tr> <th style="width:25%;">သဘော</th> <th>ဖော်ပြ</th> </tr> <tr> <td><i>text</i></td> <td>ရေးသားလာကြောင်း အမှတ်</td> </tr> <tr> <td><i>x</i></td> <td>ရေးသားလာကြောင်း ရွာကြောင်း အရှေ့စိတ်အခွင့်</td> </tr> <tr> <td><i>y</i></td> <td>ရေးသားလာကြောင်း ရွာကြောင်း မြောက်စိတ်အခွင့်</td> </tr> <tr> <td><i>maxWidth</i></td> <td>အခွင့်ထားသည်။ အမြင့်အကျယ် အရွယ်အတွက် ပိုးခတ်သည်။</td> </tr> </table> </div> <div> <h2>ဘာသာစကား အသုံးချက်</h2> <p>အခြေခံ အရာဝတ္တု တွင် အခြေခံ ဗီဇ ကို ပေးပြီး ဖြစ်သည်</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>4.0</td> <td>9.0</td> <td>3.6</td> <td>4.0</td> <td>10.1</td> </tr> </table> <p class="note"><span>ရှိပါ</span>Internet Explorer 8 နှင့် အနည်းငယ် က <canvas> အခြေခံ အား ကူညီခြင်း မရှိပါ။</p> </div> <div class="btn-toref"> <p><a href="/my/jsref/api_canvas.html">Canvas ကိုယ်စားပြချက်</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> အက္ခရာအသုံးစွဲ </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM ကိုယ်စားပြု စာပေ</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှုလုပ်</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript အနည်းငယ်</a></h5> </div> <div><h3><center> အိမ်ခိုးပြုသူ ချက်ခံ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com က ပြည့်ပြည့်တင်ဆက်သော အခြေခံ ကျမ်းကို ဝန်ခံပါ။ အခြေခံ အသုံးပြုခြင်း မှ ကြွေးမြီး ဖြစ်ကြောင်း မပေးတော့ပါ။ အခြေခံ အသုံးပြုခြင်း မှ ဖြစ်ပေါ်သော စီးပွားရေး သဘောတူ နှင့် ကိုယ်စားလှယ် မပါ။ စာပေအခွင့်အရေး ပိုင်ခွင့် ရှိပါ။ </p> <p id="p2"> <a href="/my/about/index.html" title="CodeW3C.com နှင့်ပတ်သတ်">CodeW3C.com နှင့်ပတ်သတ်</a> <a href="/my/about/about_helping.html" title="CodeW3C.com ကင်းဆေး">CodeW3C.com ကင်းဆေး</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း">အသုံးချက် အခြေခံ</a> <a href="/my/about/about_privacy.html" title="သတင်းဝင်">သတင်းဝင် အခြေခံ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပြင်ဆင်သည့် Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>