プログラミング 【p5.js】スケッチを画像としてダウンロードする
canvas要素をtoDataURL()メソッドで画像データに変換し、aタグのリンク先のURLに指定することで画像ファイルとしてダウンロードできるようにする。そして、bodyタグの最後の行に以下の1行を追加する。 <script src="...
2020-04
プログラミング プログラミング 【p5.js】スケッチをWebページの背景に設定する
style()メソッドでcanvas要素の z-index を -1 に設定する。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <tit...
プログラミング 【p5.js】p5.jsをCDNから読み込む
headタグの中に以下の2行を追加する。 <script src=""></script> <script src="sketch.js"></script> index.html <!DOCTYPE html> <html lang="j...
プログラミング 【JavaScript】右クリックを禁止する
bodyタグのoncontextmenu属性の return を false にする。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【JavaS...
プログラミング 【CSS】文字を四角い枠で囲む
文字をspanタグで囲み、spanタグのstyle属性で border を指定する。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【CSS】文字...
プログラミング 【HTML】JavaScriptを外部ファイルから読み込む
headタグの中に以下の1行を追加する。 <script src="script.js"></script> index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset=...
プログラミング 【HTML】JavaScriptをscriptタグから読み込む
scriptタグはheadタグの中に記述する。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【HTML】JavaScriptをscriptタグか...
プログラミング 【HTML】CSSを外部ファイルから読み込む
headタグの中に以下の1行を追加する。 <link rel="stylesheet" href="style.css"> index.html <!DOCTYPE html> <html lang="ja"> <head> <meta c...
プログラミング 【HTML】CSSをstyleタグから読み込む
styleタグはheadタグの中に記述する。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>【HTML】CSSをstyleタグから読み込む</ti...
プログラミング 【HTML】HTML5の最小構成
(実用上での)HTML5文書の最小構成です。
CSSやJavaScriptの使用は前提としていません。