Graphics(SVG)を用いて、「長方形」を描画するプログラムを作ります。描いた「長方形」を移動させます。Graphics)名前にベクトル(Vector)が入っているように、SVGはベクトル形式の画像データを扱います。詳しい説明は、Wikipediaをご参照ください。(注)Vectorの読み方は、ベクトルもしくは、ベクターです。SVGsvgタグsvgは、svgタグで設定します。横幅300(pixel)×高さ200(pixel)のSVG8行目がsvgタグです。svgタグには、svgの横幅や高さなどの属性があります。背景色:緑(注)widthとheightは、pixel単位で指定します。300とあるのは、300pixelの意味です。svgの座標svg上に長方形を描画するとき、svgのどこに描画するかといった「位置指定」が必要になります。そのため、svgには座標があります。長方形は、rectタグで指定します。<rect>プログラムの9行目が、rectタグです。fill="orange">上記rectタグを図化すると、下図となります。rectタグには、いくつかの属性があり、長方形の位置やサイズなどを指定します。50)に移動させます。50)rectの属性はいくつかありましたが、x座標の移動なので、x属性の値を変更します。200;(注)SVGでは、長方形を変化(移動、サイズ、描画色、など)させるときは、対応する属性の値を変化させます。50)に移動しました。function()この関数に、オンロード直後に実行するプログラムを記述します。8行目で、rect要素を変数svgRectに代入しています。9行目で、svgRectのx属性に200を設定します。設定には、setAttributeメソッドを使用します。コメントをキャンセルメールアドレスが公開されることはありません。高齢者が使用するラジオを購入しました。カメラにはピントが合う範囲があります。ページ上にJavaScriptを用いて点を描画します。ここでも、やはり、Canvasを使用します。「PhpSpreadsheet」というPHP対応のExcel操作ライブラリを利用しました。カメラの「絞り」により、ピント合わせに限界が生じます。ページを開けると、1分のカウントダウンが始まる、1分タイマーを作ります。プログラムで判別します。デジタルカメラには撮像素子が使われています。撮像素子は長方形で、大きさは縦3.6cm、横2.4cm程度です。Submitボタンを設置する方法を調べました。ライセンスの下に提供されています。WordPress.コメントを読み込み中...コメントをどうぞメール名前サイト。