最新のWeb開発のチュートリアル

×

JavaScript 参照

JavaScript

JS 文字列 JS 数 JS 演算子 JS ステートメント JS 数学 JS 日付 JS アレイ JS ブーリアン JS 正規表現 JS 全体的な状況 JS 変換

ブラウザ BOM

Window Navigator Screen History Location

HTML DOM

DOM 資料 DOM 要素 DOM 属性 DOM イベント DOM スタイル

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> <keygen> <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> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

その他のオブジェクト

CSSStyleDeclaration

HTML canvas moveTo() Method

<Canvasオブジェクト

例

パスを開始し、位置0,0に移動します。 300150を配置する行を作成します。

JavaScriptを：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。

方法
moveTo()	4.0	9.0	3.6	4.0	10.1

定義と使用法

moveTo()メソッドは、ラインを作成せず、キャンバス内の指定されたポイントへのパスを移動します。

Tip:使用stroke()実際にキャンバス上のパスを描画する方法を。

JavaScriptシンタックス：	context 。 moveTo( x,y ) 、

パラメータ値

パラメーター	説明	それを再生します
x	へのパスを移動する場所のx座標	それを再生します»
y	へのパスを移動する場所のx座標	それを再生します»

<Canvasオブジェクト