検証コード干渉を実装する js (静的)
|
この記事では、検証コード干渉を実装するためのjsの具体的なコードを参考までに共有します。具体的な内容は次のとおりです。 効果
コード
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="UTF-8">
<タイトル></タイトル>
<スタイル>
*{
パディング: 0;
マージン: 0;
}
キャンバス{
背景: #272822;
}
</スタイル>
</head>
<本文>
<キャンバスid='キャンバス' 幅='800' 高さ='500'></キャンバス>
<スクリプト>
//描画ボードを取得します var canvas=document.getElementById('canvas');
//描画環境を取得します。var cv=canvas.getContext('2d');
塗りつぶしスタイル = '#272822';
cv2.fillRect(0,0,800,500);
cv.font='80px マイクロソフト YaHei';
cv2.fillStyle='緑黄色';
cv2.fillText( Math.floor(Math.random()*10000),200,200);
//すべての画像ピクセル情報を取得します。var alldata=cv.getImageData(0,0,800,500);
//ピクセル数を取得します。var dian=alldata.data.length/4;
(var i=0;i<10000;i++){
// 乱数を取得します var num=Math.floor(Math.random()*dian);
//ピクセルに対応する 4 つの情報の開始番号を計算します。var start=(num-1)*4;
alldata.data[start]=Math.floor(Math.random()*256);
alldata.data[start+1]=Math.floor(Math.random()*256);
alldata.data[start+2]=Math.floor(Math.random()*256);
}
//データを描画ボードに書き戻します cv.putImageData(alldata,0,0);
</スクリプト>
</本文>
</html>以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: 忘れられたMySQLパスワードとログインエラーの問題について簡単に説明します
推薦する
Hadoop 3.2.0 クラスターの構築に関する一般的な考慮事項
1つのポートの変更バージョン 3.2.0 では、ネームノード ページ ポートは 9870、データノー...
ウェブサイトはいつ広告を掲載すべきでしょうか?
最近、インターネットのベテランと「広告」について議論したのですが、彼から非常に興味深い意見を聞きまし...
Vue モバイル開発で better-scroll を使用するときにクリック イベントが失敗する問題の解決策
最近、モバイル プロジェクトの開発方法を学ぶために vue を使用し、スクロールには better-...
JavaScript による Web ページ カルーセルの超詳細な実装
目次HTML ページの作成js部分の機能を実装する1. 左ボタンと右ボタン2. 小さな円を動的に生成...
MySQL の選択、挿入、更新バッチ操作ステートメントのコード例
プロジェクトでは、データを操作するためにバッチ操作ステートメントが必要になることがよくあります。バッ...
Linux のハードリンクとソフトリンクの区別
Linux には、2 種類のファイル接続があります。1 つは Windows のショートカットに似て...
MySQL統計データテーブルの設計方法
目次リアルタイム更新は必要ですか?マテリアライズド ビュー ツール (Flexviews)カウントテ...
JS関数の継承について学ぶ記事
目次1. はじめに: 2. プロトタイプチェーン継承: 3. コンストラクタ継承の借用（オブジェクト...
この記事では、CSSの2列レイアウトと3列レイアウトの具体的な使い方をまとめます。
序文大規模なフロントエンドの開発に伴い、UI フレームワークが次々と登場し、フロントエンド開発におけ...
JavaScript BOM の説明
目次1. BOMの紹介1. JavaScriptは3つの部分から構成される2.ウィンドウオブジェクト...
初心者向けウェブサイト構築ガイド⑦：美しいウェブサイトを作るのはとっても簡単
私はかつて、ウェブサイトを一度も構築したことのない人々が、初心者向けのウェブサイト構築方法に関する私...
Vue の関連ページへのマルチレベルジャンプ (ページドリルダウン) 機能の完全な例
背景プロジェクト開発プロセスでは、前のページから次のページにジャンプする必要に迫られることがよくあり...
XHTML 入門チュートリアル: XHTML とは何ですか?
HTMLとは何ですか?簡単に言えば、HTML は Web ページを作成するために使用されます。とて...
MYSQL マスタースレーブ レプリケーションの知識ポイントの概要
単一の MYSQL サーバーが現在の Web サイトのトラフィックに対応できない場合の最適化ソリュー...
Git サーバーを使用してデバッグ ブランチを表示し、修正する方法を 1 日 1 分で学習します。
デバッグブランチプロジェクトの通常の開発中に、以前にリリースされたバージョンにバグがある場合がありま...