ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 canvas textAlign 属性

HTML5 track Tag Reference HTML5 canvas リファレンス

位置 150,75(このキャンバスの中心)から始まる文字列 "Hello World" を、右揃えにします:

あなたのブラウザは canvas タグをサポートしていません。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.textAlign="right";
ctx.fillText("Hello World",150,75);

Try it yourself »

定義と用法

textAlign 属性は、キャンバスにテキストを配置するために使用します。

キャンバスにテキストを配置するため、fillText() または strokeText() メソッドを使用します。

テキストは、テキストを配置する場所から相対的に揃えられます。

テキスト位置を 150,75 で、textAlign="right" とした場合、 テキストの末尾の位置は 150,75 になります。

デフォルト値: left
JavaScript 構文: context.textAlign="right";


ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

textAlign 属性は、主要な全ブラウザがサポートしています。


属性値

説明 Play it
center テキストの中心が指定した位置に配置される Play it »
end テキストの末尾が指定した位置に配置される Play it »
left テキストの先頭が指定した位置に配置される Play it »
right テキストの末尾が指定した位置に配置される Play it »
start テキストの先頭が指定した位置に配置される Play it »

HTML5 track Tag Reference HTML5 canvas リファレンス