కోడ్వీతీసీ ఆన్లైన్ ట్యూటోరియల్
హ్టీమ్ఎల్ సిరీస్ ట్యూటోరియల్
బ్రౌజర్ స్క్రిప్ట్
సర్వర్ స్క్రిప్ట్
ప్రోగ్రామింగ్ ట్యూటోరియల్
ఎక్సిఎమ్ఎల్ సిరీస్ ట్యూటోరియల్
వెబ్సైట్ మ్యాన్యువల్
రిఫరెన్స్ మ్యాన్యువల్
కోర్సు సబ్లాక్
JS రిఫరెన్స్ మాన్యువల్
JS రిఫరెన్స్ మాన్యువల్ (వర్గాల క్రమం లో)
JS రిఫరెన్స్ మాన్యువల్ (అక్షరాలు క్రమం లో)
JavaScript
JS అరే
JS బౌలియన్
JS క్లాస్
JS డేట్
JS ఎరర్
JS గ్లోబల్
JS JSON
JS మ్యాప్
JS మాథ్
JS నంబర్
JS ప్రమీస్
JS రెగ్యులార్ ఎక్స్ప్రెషన్
JS సెట్
JS స్ట్రింగ్
JS ఆబ్జెక్ట్
JS ఆపరేటర్
JS ఆపరేటర్ ప్రియరిటీ
JS స్టేట్మెంట్
JS టైపైజ్డ్ ఆర్రే
విండో
విండో ఆబ్జెక్ట్
విండో కాన్సోల్
విండో హిస్టరీ
విండో లొకేషన్
విండో నావిగేటర్
విండో స్క్రీన్
HTML DOM
HTML డాక్యుమెంట్
HTML ఇలెమెంట్
HTML అట్రిబ్యూట్
HTML ఇవెంట్
HTML ఇవెంట్ ఆబ్జెక్ట్
HTML కలెక్షన్
HTML NodeList
HTML DOMTokenList
HTML స్టైల్
వెబ్ API
API కాన్వాస్
API కాన్సోల్
API ఫెచ్
API ఫుల్స్క్రీన్
API జియోలొకేషన్
API హిస్టరీ
API MediaQueryList
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="/te/jsref/dom_obj_time.html" title="హెచ్టిఎంఎల్ డొమ్ టైమ్ ఆబ్జెక్ట్"><time></a></li> <li><a href="/te/jsref/dom_obj_title.html" title="హెచ్టిఎంఎల్ డొమ్ టైటిల్ ఆబ్జెక్ట్"><title></a></li> <li><a href="/te/jsref/dom_obj_track.html" title="హెచ్టిఎంఎల్ డొమ్ ట్రాక్ ఆబ్జెక్ట్"><track></a></li> <li><a href="/te/jsref/dom_obj_u.html" title="హెచ్టిఎంఎల్ డొమ్ అండర్లైన్ ఆబ్జెక్ట్"><u></a></li> <li><a href="/te/jsref/dom_obj_ul.html" title="హెచ్టిఎంఎల్ డొమ్ అల్ ఆబ్జెక్ట్"><ul></a></li> <li><a href="/te/jsref/dom_obj_var.html" title="హెచ్టిఎంఎల్ డొమ్ వేరియబుల్ ఆబ్జెక్ట్"><var></a></li> <li><a href="/te/jsref/dom_obj_video.html" title="హెచ్టిఎంఎల్ డొమ్ వీడియో ఆబ్జెక్ట్"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/te/jsref/obj_cssstyledeclaration.html" title="సిఎస్ఎస్ స్టైల్ డిక్లరేషన్ ఆబ్జెక్ట్">CSSStyleDeclaration</a></li> <li><a href="/te/jsref/jsref_type_conversion.html" title="జావాస్క్రిప్ట్ టైప్ కన్వర్షన్">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/te/howto/index.html" title="కోడ్వైత్తీసిక్కోం బ్యాగ్స్">కోడ్వైత్తీసిక్కోం బ్యాగ్స్</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="/te/jsref/api_canvas.html">Canvas 参考手册</a></p> </div> <div> <h2>定义和用法</h2> <p><code>strokeText()</code> 方法在画布上绘制文本（没有填色）。文本的默认颜色是黑色。</p> <p class="tip"><span>సూచన:</span>ఉపయోగించండి <a href="/te/tags/canvas_font.html" title="హెచ్టిఎంఎల్ 5 కాన్వాస్ ఫాంట్ అట్రిబ్యూట్">font</a> పారామితిని డిఫైన్ చేయడానికి మరియు font ఉపయోగించడంద్వారా ఫంట్ మరియు పరిమాణాన్ని నిర్దేశించండి. <a href="/te/tags/canvas_strokestyle.html" title="హెచ్టిఎంఎల్ 5 కాన్వాస్ స్ట్రోక్ స్టైల్ అట్రిబ్యూట్">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="/te/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>కావస్తున్న యొక్క యొక్క x నిర్దేశం స్థానం (కావస్తున్న యొక్క కార్యక్రమం తో పోల్చినప్పుడు).</td> </tr> <tr> <td><i>y</i></td> <td>కావస్తున్న యొక్క యొక్క y నిర్దేశం స్థానం (కావస్తున్న యొక్క కార్యక్రమం తో పోల్చినప్పుడు).</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="/te/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="/te/jsref/index.html">జావాస్క్రిప్ట్ అండ్ హ్టీమ్ఎల్ డామిన్ రిఫరెన్స్ మ్యాన్యువల్</a></h5> <h5 id="tools_example"><a href="/te/js/js_examples.html">JavaScript 实例</a></h5> <h5 id="tools_quiz"><a href="/te/js/js_quiz.html">JavaScript 测验</a></h5> <h5 id="tools_tutorial"><a href="/te/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="/te/about/index.html" title="గురించి కోడ్వైత్తీసిక్కోం">గురించి కోడ్వైత్తీసిక్కోం</a> <a href="/te/about/about_helping.html" title="కోడ్వైత్తీసిక్కోం సహాయం">కోడ్వైత్తీసిక్కోం సహాయం</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/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>