タグ「canvas」の付いた記事

36 件のドキュメントが見つかりました

Drawing_text_using_a_canvas canvas のレンダリングコンテキストでは、2 種類のテキスト描画方法を提供します:
Games/Workflows This page contains articles that highlight different workflows for effectively creating ...
Games/Workflows/2D_breakout_game_Phaser In this step-by-step tutorial we create a simple mobile MDN Breakout game written in JavaScript, ...
Web/API/CanvasGradient CanvasGradient は CanvasRenderingContext2D インターフェースの createLinearGradient メソッド及び ...
Web/API/CanvasPattern CanvasPattern インターフェースは、 CanvasRenderingContext2D.createPattern() メソッドによって（画像、 canvas 要素、video ...
Web/API/CanvasPattern/setTransform CanvasPattern .setTransform() メソッドは、パターンの変換マトリックスとして SVGMatrix オブジェクトを使用し、パターンにこれを実行します。
Web/API/CanvasRenderingContext2D/arc Canvas 2D APIの CanvasRenderingContext2D.arc() メソッドは、パスに円弧を加えます。円弧の中心座標は (x, y) で半径が r 、角度 ...
Web/API/CanvasRenderingContext2D/direction Canvas 2D API の CanvasRenderingContext2D.direction プロパティは、テキストを描画するときに使用する現在の書字方向を指定します。
Web/API/CanvasRenderingContext2D/fillText Canvas 2D API の CanvasRenderingContext2D.fillText() メソッドは、指定した位置 (x, y) にテキストを塗りつぶして描画します。省略可能な第 ...
Web/API/CanvasRenderingContext2D/font Canvas 2D API の CanvasRenderingContext2D.font プロパティは、テキストを描画するときに用いられる現在のテキストスタイルを指定します。この文字列は ...
Web/API/CanvasRenderingContext2D/globalCompositeOperation CanvasRenderingContext2D.globalCompositeOperation ...
Web/API/CanvasRenderingContext2D/imageSmoothingEnabled Canvas 2D API の CanvasRenderingContext2D .imageSmoothingEnabled プロパティ ...
Web/API/CanvasRenderingContext2D/measureText CanvasRenderingContext2D.measureText() メソッドは、測定したテキストの情報 (例えば幅など) を持つ TextMetrics オブジェクトを返します。
Web/API/CanvasRenderingContext2D/strokeText Canvas 2D API の CanvasRenderingContext2D.strokeText() メソッドは、指定した位置 (x, y) にテキストの輪郭線を描画します。省略可能な第 ...
Web/API/CanvasRenderingContext2D/textAlign Canvas 2D API の CanvasRenderingContext2D.textAlign ...
Web/API/CanvasRenderingContext2D/textBaseline Canvas 2D API の CanvasRenderingContext2D.textBaseline プロパティは、テキストを描画するときに用いられる現在のテキストのベースライン ...
Web/API/Canvas_API/Tutorial/Compositing 新しい図形を既存の図形の後ろに描くだけでなく、特定の領域を覆う、一部分を canvas から消去する ( clearRect() メソッドのように矩形に限定されません) などが可能です。
Web/API/Canvas_API/Tutorial/Compositing/Example This sample program demonstrates a number of compositing operations . The output looks like this:
Web/API/HTMLCanvasElement The HTMLCanvasElement interface provides properties and methods for manipulating the layout and ...
Web/API/HTMLCanvasElement/toBlob HTMLCanvasElement.toBlob() メソッドは、キャンバスに含まれる画像を表す Blob ...
Web/API/ImageData canvas 要素で用いられます。 CanvasRenderingContext2D の createImageData メソッド及び getImageData メソッドによって返されます。 ...
Web/API/Path2D The Path2D interface of the Canvas 2D API is used to declare paths that are then later used on ...
Web/API/Path2D/Path2D Path2D() コンストラクタは、新たにインスタンス化した Path2D オブジェクトを返します。他のパスを引数に渡すこともできます(複製がつくられます)。また、 SVG パス ...
Web/API/Window/cancelAnimationFrame window.requestAnimationFrame() の呼び出しによりスケジュールされたフレームアニメーションのリクエストを解除します。
Web/Guide/Graphics 現代の Web サイトとアプリケーションは、グラフィックスによる表現を必要としています。これらの記事は、このような操作を行う方法についての詳しい情報を提供しています。
Web/Guide/HTML/Canvas_tutorial このチュートリアルでは、2D グラフィックスを描画するために canvas を使用する方法を、基礎から説明します。提供する例は、 canvas ...
Web/Guide/HTML/Canvas_tutorial/Advanced_animations アニメーションの勉強のために、ポールを使おうと思うので、最初にボールを canvas 上に描きましょう。次のコードは私たちの準備をしてくれるでしょう。
Web/Guide/HTML/Canvas_tutorial/Drawing_shapes 描き始める前に、canvas のグリッドもしくは座標空間について話す必要があります。前のページの HTML テンプレートは幅 150 ピクセル、高さ 150 ピクセルの canvas ...
Web/Guide/HTML/Canvas_tutorial/Hit_regions_and_accessibility canvas ... /canvas タグの内部にあるコンテンツは、canvas のレンダリングをサポートしないブラウザ向けのフォールバックコンテンツとして使用できます。また支援技術 ...
Web/Guide/HTML/Canvas_tutorial/Optimizing_canvas この記事では、ウェブサイトやアプリのパフォーマンスを良好に保つために、canvas 要素の使い方の最適化方法を提案します。
Web/Guide/HTML/Canvas_tutorial/Pixel_manipulation_with_canvas ImageData オブジェクトは、canvas オブジェクトの領域にあるピクセルデータを表します。これは以下の読み取り専用プロパティを持ちます:
Web/Guide/HTML/Canvas_tutorial/Transformations 変換のメソッドを見ていく前に、より複雑な描画を始めたときに不可欠になメソッドを 2 つ見ておきましょう。
Web/Guide/HTML/Canvas_tutorial/Using_images 基本的には 2 ステップの手続きによって、画像を canvas にインポートします:
Web/HTML/Canvas HTML5 で導入された canvas HTML 要素は、 JavaScript ...
Web/HTML/Canvas/Drawing_DOM_objects_into_a_canvas セキュリティ上の理由から簡単ではありませんが、HTML など DOM の内容を canvas に描画することができます。この記事は Robert O'Callahan によるブログ記事 ...
Web/HTML/Element/canvas HTML の canvas 要素は、スクリプティング (基本的には JavaScript ) ...