Initial Commit
This commit is contained in:
plane000
@@ -0,0 +1,190 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<title>textAlign() \ Language (API) \ Processing 2+</title>
|
||||
|
||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="Author" content="Processing Foundation" />
|
||||
<meta name="Publisher" content="Processing Foundation" />
|
||||
<meta name="Keywords" content="Processing, Sketchbook, Programming, Coding, Code, Art, Design" />
|
||||
<meta name="Description" content="Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts. Since 2001, Processing has promoted software literacy within the visual arts and visual literacy within technology." />
|
||||
<meta name="Copyright" content="All contents copyright the Processing Foundation, Ben Fry, Casey Reas, and the MIT Media Laboratory" />
|
||||
|
||||
<script src="javascript/modernizr-2.6.2.touch.js" type="text/javascript"></script>
|
||||
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
</head>
|
||||
<body id="Langauge-en" onload="" >
|
||||
|
||||
<!-- ==================================== PAGE ============================ -->
|
||||
<div id="container">
|
||||
|
||||
|
||||
<!-- ==================================== HEADER ============================ -->
|
||||
|
||||
<div id="ribbon">
|
||||
<ul class="left">
|
||||
<li class="highlight"><a href="http://processing.org/">Processing</a></li>
|
||||
<li><a href="http://p5js.org/">p5.js</a></li>
|
||||
<li><a href="http://py.processing.org/">Processing.py</a></li>
|
||||
<li><a href="http://android.processing.org/">Processing for Android</a></li>
|
||||
</ul>
|
||||
<ul class="right">
|
||||
<li><a href="https://processingfoundation.org/">Processing Foundation</a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div id="header">
|
||||
<a href="/" title="Back to the Processing cover."><div class="processing-logo no-cover" alt="Processing cover"></div></a>
|
||||
<form name="search" method="get" action="//www.google.com/search">
|
||||
<p><input type="hidden" name="as_sitesearch" value="processing.org" />
|
||||
<input type="text" name="as_q" value="" size="20" class="text" />
|
||||
<input type="submit" value=" " /></p>
|
||||
</form>
|
||||
</div>
|
||||
<a id="TOP" name="TOP"></a>
|
||||
|
||||
<div id="navigation">
|
||||
<div class="navBar" id="mainnav">
|
||||
<a href="index.html" class='active'>Language</a><br>
|
||||
<a href="libraries/index.html" >Libraries</a><br>
|
||||
<a href="tools/index.html">Tools</a><br>
|
||||
<a href="environment/index.html">Environment</a><br>
|
||||
</div>
|
||||
|
||||
<script> document.querySelectorAll(".processing-logo")[0].className = "processing-logo"; </script>
|
||||
</div>
|
||||
|
||||
<!-- ==================================== CONTENT - Headers ============================ -->
|
||||
<div class="content">
|
||||
|
||||
<p class="ref-notice">This reference is for Processing 3.0+. If you have a previous version, use the reference included with your software in the Help menu. If you see any errors or have suggestions, <a href="https://github.com/processing/processing-docs/issues?state=open">please let us know</a>. If you prefer a more technical reference, visit the <a href="http://processing.github.io/processing-javadocs/core/">Processing Core Javadoc</a> and <a href="http://processing.github.io/processing-javadocs/libraries/">Libraries Javadoc</a>.</p>
|
||||
|
||||
<table cellpadding="0" cellspacing="0" border="0" class="ref-item">
|
||||
|
||||
|
||||
<tr class="name-row">
|
||||
<th scope="row">Name</th>
|
||||
|
||||
<td><h3>textAlign()</h3></td>
|
||||
</tr>
|
||||
|
||||
<tr class="">
|
||||
|
||||
<tr class=""><th scope="row">Examples</th><td><div class="example"><img src="images/textAlign_0.png" alt="example pic" /><pre class="margin">
|
||||
background(0);
|
||||
textSize(16);
|
||||
textAlign(RIGHT);
|
||||
text("ABCD", 50, 30);
|
||||
textAlign(CENTER);
|
||||
text("EFGH", 50, 50);
|
||||
textAlign(LEFT);
|
||||
text("IJKL", 50, 70);
|
||||
</pre></div>
|
||||
|
||||
<div class="example"><img src="images/textAlign_1.png" alt="example pic" /><pre class="margin">
|
||||
background(0);
|
||||
stroke(153);
|
||||
textSize(11);
|
||||
textAlign(CENTER, BOTTOM);
|
||||
line(0, 30, width, 30);
|
||||
text("CENTER,BOTTOM", 50, 30);
|
||||
textAlign(CENTER, CENTER);
|
||||
line(0, 50, width, 50);
|
||||
text("CENTER,CENTER", 50, 50);
|
||||
textAlign(CENTER, TOP);
|
||||
line(0, 70, width, 70);
|
||||
text("CENTER,TOP", 50, 70);
|
||||
</pre></div>
|
||||
</td></tr>
|
||||
|
||||
<tr class="">
|
||||
<th scope="row">Description</th>
|
||||
<td>
|
||||
Sets the current alignment for drawing text. The parameters LEFT, CENTER, and RIGHT set the display characteristics of the letters in relation to the values for the <b>x</b> and <b>y</b> parameters of the <b>text()</b> function.
|
||||
<br /> <br />
|
||||
An optional second parameter can be used to vertically align the text. BASELINE is the default, and the vertical alignment will be reset to BASELINE if the second parameter is not used. The TOP and CENTER parameters are straightforward. The BOTTOM parameter offsets the line based on the current <b>textDescent()</b>. For multiple lines, the final line will be aligned to the bottom, with the previous lines appearing above it.
|
||||
<br /> <br />
|
||||
When using <b>text()</b> with width and height parameters, BASELINE is ignored, and treated as TOP. (Otherwise, text would by default draw outside the box, since BASELINE is the default setting. BASELINE is not a useful drawing mode for text drawn in a rectangle.)
|
||||
<br /> <br />
|
||||
The vertical alignment is based on the value of <b>textAscent()</b>, which many fonts do not specify correctly. It may be necessary to use a hack and offset by a few pixels by hand so that the offset looks correct. To do this as less of a hack, use some percentage of <b>textAscent()</b> or <b>textDescent()</b> so that the hack works even if you change the size of the font.
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class=""><th scope="row">Syntax</th><td><pre>textAlign(<kbd>alignX</kbd>)
|
||||
textAlign(<kbd>alignX</kbd>, <kbd>alignY</kbd>)</pre></td></tr>
|
||||
|
||||
<tr class=""> <th scope="row">Parameters</th><td><table cellpadding="0" cellspacing="0" border="0"><tr class="">
|
||||
<th scope="row" class="code">alignX</th>
|
||||
<td>int: horizontal alignment, either LEFT, CENTER, or RIGHT</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<th scope="row" class="code">alignY</th>
|
||||
<td>int: vertical alignment, either TOP, BOTTOM, CENTER, or BASELINE</td>
|
||||
</tr></table></td> </tr>
|
||||
<tr class=""><th scope="row">Returns</th><td class="code">void</td></tr>
|
||||
<tr class=""><th scope="row">Related</th><td><a class="code" href="loadFont_.html">loadFont()</a><br />
|
||||
<a class="code" href="PFont.html">PFont</a><br />
|
||||
<a class="code" href="text_.html">text()</a><br />
|
||||
<a class="code" href="textSize_.html">textSize()</a><br />
|
||||
<a class="code" href="textAscent_.html">textAscent()</a><br />
|
||||
<a class="code" href="textDescent_.html">textDescent()</a><br /></td></tr>
|
||||
</table>
|
||||
|
||||
Updated on April 30, 2017 02:33:18pm EDT<br /><br />
|
||||
|
||||
<!-- Creative Commons License -->
|
||||
|
||||
<div class="license">
|
||||
<a rel="license" href="//creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="Creative Commons License" style="border: none" src="https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png" /></a>
|
||||
</div>
|
||||
<!--
|
||||
|
||||
<?xpacket begin='' id=''?>
|
||||
<x:xmpmeta xmlns:x='adobe:ns:meta/'>
|
||||
<rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:xapRights='http://ns.adobe.com/xap/1.0/rights/'>
|
||||
<xapRights:Marked>True</xapRights:Marked>
|
||||
</rdf:Description>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:xapRights='http://ns.adobe.com/xap/1.0/rights/'
|
||||
>
|
||||
<xapRights:UsageTerms>
|
||||
<rdf:Alt>
|
||||
<rdf:li xml:lang='x-default' >This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</rdf:li>
|
||||
<rdf:li xml:lang='en' >This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</a>.</rdf:li>
|
||||
</rdf:Alt>
|
||||
</xapRights:UsageTerms>
|
||||
</rdf:Description>
|
||||
<rdf:Description rdf:about=''
|
||||
xmlns:cc='http://creativecommons.org/ns#'>
|
||||
<cc:license rdf:resource='http://creativecommons.org/licenses/by-nc-sa/4.0/'/>
|
||||
</rdf:Description>
|
||||
|
||||
</rdf:RDF>
|
||||
</x:xmpmeta>
|
||||
<?xpacket end='r'?>
|
||||
|
||||
-->
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ==================================== FOOTER ============================ -->
|
||||
<div id="footer">
|
||||
|
||||
<div id="copyright">Processing is an open project intiated by <a href="http://benfry.com/">Ben Fry</a> and <a href="http://reas.com">Casey Reas</a>. It is developed by a <a href="http://processing.org/about/people/">team of volunteers</a>.</div>
|
||||
<div id="colophon">
|
||||
|
||||
<a href="copyright.html">© Info</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="javascript/jquery-1.9.1.min.js"></script>
|
||||
<script src="javascript/site.js" type="text/javascript"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user