HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5CanvasからJavaScriptへの値の取得

Canvasに何かを描画すると、描画されたものの記憶は保持されません。描画中は、描画時に必要なすべての情報を自分で追跡する必要があります。したがって、メモリを保持しないため、HTML5キャンバスからJavaScriptに値を取得することはできません。このように描くだけです-

<canvas id = "myCanvas" height = "300" width = "500" style = "border:2px solid #808080;"></canvas>

ボタンの機能を追加してクリックすると、必要なものを取得できなくなります-

<div>
   <input type = "button" value = "Submit" onclick = "submit()">
</div>

キャンバスは単なるビットマップであるため、キャンバスからこれらの値を取得することはできません。


  1. JavaScriptのコンストラクターから値を返しますか？

    以下は、JavaScriptのコンストラクターから値を返すためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &

  2. HTML5キャンバスに長方形を描く方法は？

    HTML5 タグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入された新しいタグです。 canvas要素にはgetContextと呼ばれるDOMメソッドがあり、レンダリングコンテキストとその描画関数を取得します。この関数は、コンテキスト2dのタイプという1つのパラメーターを取ります。 HTML5キャンバスで長方形を描画するには、fillRect（x、y、width、height）メソッドを使用します： 次のコードを実行して、HTML5Canvasで長方形を描画する方法を学ぶことができます 例 <!DOCTYPE html&