検証コード干渉を実装する 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パスワードとログインエラーの問題について簡単に説明します
推薦する
IE8 を IE7 スタイルコードを使用するように設定する
<meta http-equiv="x-ua-compatible" コン...
Linux7 ベースの Hadoop のインストールと構成の詳細なグラフィック説明
上記のように材料を準備します（ps: hadoop-3.1.2-srcはhadoop-3.1.2に変...
Vue の computed と watch の違いを分析する
目次1. 計算入門1.1、getとsetの使い方1.2. 計算された属性キャッシュ2. 時計の紹介3...
Ubuntu ブート自動起動サービス設定
Ubuntu でサービスを作成し、自動的に起動する方法: 1. [/lib/systemd/syst...
MySQL5.7+ MySQL Workbenchのインストールと設定方法のグラフィックチュートリアル（MAC）
この記事では、主にMACオペレーティングシステムでのMySQL5.7とMySQLWorkbenchの...
Unicode における CJK (中国語、日本語、韓国語の統合表意文字) 文字の概要
CJK は CJK Unified Ideographs の略称で、「中国語、日本語、韓国語の統一表...
Nginx は高可用性クラスタ構築を実装します (Keepalived+Haproxy+Nginx)
1. コンポーネントと実装機能Keepalived: Haproxy サービスの高可用性を実現し、...
Docker 経由で Spring Boot アプリケーションを公開およびデプロイするプロセスの分析
目次手動展開1.アイデアを使ってSpring Bootプロジェクトを作成する2. プロジェクトをJa...
JQueryセレクターの詳細な説明
目次基本的なセレクター:レベルセレクター:属性セレクター:フィルターセレクター:フォーム属性セレクタ...
Docker swarm の簡単なチュートリアル
3つの仮想マシン132、133、134を群がらせる1. クラスターを初期化し、自分自身をクラスターに...
2つのボールが交差する粘着効果を実現するCSSサンプルコード
これは純粋に CSS のみを使用して作成されたエフェクトです。簡単に言うと、このエフェクトは画像処理...
Linuxでスワップパーティションファイルを作成する方法
スワップの紹介Linux のスワップ (スワップ パーティション) は、Windows の仮想メモリ...
Linux で top コマンドを使用する際のヒント
まず、top のいくつかのフィールドの意味を紹介します。 VIRT：仮想メモリ使用量1. プロセスが...
Linux CDの意味と使い方
Linux CD とはどういう意味ですか? Linux では、cd はディレクトリの変更を意味します...
DockerでのinfluxDB分散時系列データベースのインストールと関連操作について簡単に説明します。
influxDB の紹介influxDB は分散型時系列データベースです。 cAdvisor はリ...