Canvas font attribute

ຈັດສະບັບຫຼັກ

ຄູ່ມວນຊົນ JS

JavaScript

Window

HTML DOM

API Web

HTML ໂອກາດ

</a></li> <li><a href="/lo/jsref/dom_obj_time.html" title="ສະໂມສອນ HTML DOM Time"><time></a></li> <li><a href="/lo/jsref/dom_obj_title.html" title="ສະໂມສອນ HTML DOM Title"><title></a></li> <li><a href="/lo/jsref/dom_obj_track.html" title="ສະໂມສອນ HTML DOM Track"><track></a></li> <li><a href="/lo/jsref/dom_obj_u.html" title="ສະໂມສອນ HTML DOM Underline"><u></a></li> <li><a href="/lo/jsref/dom_obj_ul.html" title="ສະໂມສອນ HTML DOM Ul"><ul></a></li> <li><a href="/lo/jsref/dom_obj_var.html" title="ສະໂມສອນ HTML DOM Variable"><var></a></li> <li><a href="/lo/jsref/dom_obj_video.html" title="ສະໂມສອນ HTML DOM Video"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/lo/jsref/obj_cssstyledeclaration.html" title="ສະໂມສອນ CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/lo/jsref/jsref_type_conversion.html" title="ການປ່ຽນຮູບແບບ JavaScript">JS type conversion</a></li> </ul> </div> <div><h3><center> ວິທະຍຸຫຼັກສູດ </center><h3> <h2>ການແນະນຳຫຼັກສູດ</h2> <ul> <li><a href="/lo/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 font attribute</h1> <div class="btn-toref"> <p><a href="/lo/jsref/api_canvas.html">ການປະກອບແບບ Canvas</a></p> </div> <div> <h2>ການສະແດງການຕັ້ງການແລະການນໍາໃຊ້</h2> <p><code>font</code> ຄວາມພາບຄວາມທີ່ນຳໃຊ້ກັບການກະກຽມຫຼືການກະກຽມຫຼືການຄົ້ນຫາຄວາມພາບຄວາມທີ່ສະແດງປະຕູນຳໃຊ້ຂອງອາກາດ.</p> <p><code>font</code> ຄຳສັບພາສາທີ່ນຳໃຊ້ກັບອາກາດ <a href="/lo/cssref/pr_font_font.html" title="ປະສົມປະກອບ CSS font">ປະສົມປະກອບ CSS font</a>ບໍ່ມີຄວາມຄົງທີ່ສຸດ</p> </div> <div> <h2>ຄວາມຄົງທີ່ສຸດ</h2> <p>ຂຽນຄຳຂັດຄວາມ40ຕີ້ມິກລາກກັບວິທະຍຸປະຕູ"Arial":</p> <canvas id="myCanvas" class="canvas_example"> ບັນຊີບັນນາທິການຂອງທ່ານບໍ່ສາມາດສະແດງການໃຊ້ເຊັກມັນcanvas. </canvas> <script> var c=document.getElementById("myCanvas"); var canvOK=1; try {c.getContext("2d");} catch (er) {canvOK=0;} if (canvOK==1) { var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="40px Arial"; ctx.fillText("Hello World",10,50); } </script> <p>JavaScript:</p> <pre class="language-js"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); <mark>ctx.font="40px Arial";</mark> ctx.fillText("Hello World",10,50); </pre> <p class="tiy"><a target="_blank" href="/lo/tiy/t.html?f=eg_html5_canvas_font">ການສືບສວນດີທີ່ເປັນຕົ້ນຕໍນ</a></p> </div> <div> <h2>ຄຳສັບພາສາ</h2> <pre>context.font="italic small-caps bold 12px arial";</pre> <h3>ຄວາມພາບຄວາມທີ່ສາມາດເຮັດໃຫ້ການສະແດງປະຕູນຳໃຊ້ມີຄວາມຫຼາຍລະດັບທີ່ສຸດ。</h3> <table class="dataintable"> <tr> <th style="width:25%;">ຄວາມພາບຄວາມທີ່ສາມາດເຮັດໃຫ້ການສະແດງປະຕູນຳໃຊ້ມີຄວາມຫຼາຍລະດັບທີ່ສຸດ。</th> <th>ການອະທິບາຍ</th> </tr> <tr> <td><i>font-style</i></td> <td> <p>ກໍານົດວິທະຍຸການປະຕູນຳໃຊ້ທີ່ສາມາດເຮັດໃຫ້ການສະແດງປະຕູນຳໃຊ້ມີຄວາມຫຼາຍລະດັບທີ່ສຸດ。</p> <ul class="listintable"> <li>normal</li> <li>italic</li> <li>oblique</li> </ul> </td> </tr> <tr> <td><i>font-variant</i></td> <td> <p>ກໍານົດວິທະຍຸການປະຕູນຳໃຊ້ທີ່ສາມາດເຮັດໃຫ້ການສະແດງປະຕູນຳໃຊ້ມີຄວາມຫຼາຍລະດັບທີ່ສຸດ。</p> <ul class="listintable"> <li>normal</li> <li>small-caps</li> </ul> </td> </tr> <tr> <td><i>font-weight</i></td> <td> <p>ກໍານົດວິທະຍຸການປະຕູນຳໃຊ້ທີ່ສາມາດເຮັດໃຫ້ການສະແດງປະຕູນຳໃຊ້ມີຄວາມຫຼາຍລະດັບທີ່ສຸດ。</p> <ul class="listintable"> <li>normal</li> <li>bold</li> <li>bolder</li> <li>lighter</li> <li>100</li> <li>200</li> <li>300</li> <li>400</li> <li>500</li> <li>600</li> <li>700</li> <li>800</li> <li>900</li> </ul> </td> </tr> <tr> <td><i>font-size</i> / <i>line-height</i></td> <td>ກໍານົດວິທະຍຸການປະຕູນຳໃຊ້ກັບຄວາມຫຼາຍລະດັບວັດຖຸນ້ອຍຂອງການປະຕູນຳໃຊ້ກັບການສະແດງປະຕູໂດຍປະຕູບັນຊົນທີ່ມີຄວາມຄົງທີ່ສຸດ。</td> </tr> <tr> <td><i>font-family</i></td> <td>ກໍານົດວິທະຍຸການປະຕູນຳໃຊ້。</td> </tr> <tr> <td>caption</td> <td>ນຳໃຊ້ອີກການຂຽນກັບການສະແດງປະຕູໂດຍປະຕູບັນຊົນທີ່ມີຄວາມຄົງທີ່ສຸດ。</td> </tr> <tr> <td>icon</td> <td>ນຳໃຊ້ອີກການຂຽນກັບການສະແດງປະຕູໂດຍປະຕູບັນຊົນທີ່ມີຄວາມຄົງທີ່ສຸດ。</td> </tr> <tr> <td>menu</td> <td>ນຳໃຊ້ອີກການຂຽນກັບການສະແດງປະຕູໂດຍປະຕູບັນຊົນທີ່ມີຄວາມຄົງທີ່ສຸດ。</td> </tr> <tr> <td>message-box</td> <td>ນຳໃຊ້ອີກການຂຽນກັບການສະແດງປະຕູໂດຍປະຕູບັນຊົນກັບປະຕູບັນຊົນຂອງປະຕູບັນຊົນທີ່ມີຄວາມຄົງທີ່ສຸດ。</td> </tr> <tr> <td>small-caption</td> <td>ນຳໃຊ້ອີກການຂຽນອົງການຂັ້ນວັດຖຸນ້ອຍ。</td> </tr> <tr> <td>status-bar</td> <td>ການໃຊ້ພາສາຂອງມີຊັບພາສາໃນບໍລິເວນສະຖານະການປະຈຳປ່າວິດສະພາບ.</td> </tr> </table> </div> <div> <h2>ລາຍລະອຽດດ້ານເຕັກນິກ</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">ຄູ່ມູນຄ່າສົດມາດ</th> <td>10px sans-serif</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>ການສະແດງ: ເຄື່ອງໝາຍ <canvas> ບໍ່ສາມາດໃຊ້ໄດ້ໃນລະບົບ Internet Explorer 8 ແລະເກົ່າກວ່ານັ້ນ.</p> </div> <div class="btn-toref"> <p><a href="/lo/jsref/api_canvas.html">ການປະກອບແບບ Canvas</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ຫົວອກອອກອຸປະກອນ </center><h3> <h5 id="tools_reference"><a href="/lo/jsref/index.html">ຄູ່ມື JavaScript ແລະ HTML DOM</a></h5> <h5 id="tools_example"><a href="/lo/js/js_examples.html">ການປະກອບ JavaScript</a></h5> <h5 id="tools_quiz"><a href="/lo/js/js_quiz.html">ການສວບສວນ JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/lo/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="/lo/about/index.html" title="ເຖິງ CodeW3C.com">ເຖິງ CodeW3C.com</a> <a href="/lo/about/about_helping.html" title="ການຊ່ວຍ CodeW3C.com">ການຊ່ວຍ CodeW3C.com</a> <a href="/lo/about/about_use.html" title="ເຖິງການໃຊ້">ຂໍ້ກຳນົດການໃຊ້</a> <a href="/lo/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>  <script src="/myjs/tongji.js"></script> </body> </html>