検証コード干渉を実装する 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パスワードとログインエラーの問題について簡単に説明します
推薦する
Nginx 急ぎ購入 電流制限構成 実装分析
ビジネス上のニーズにより、急ぎの購入が発生することが多いため、ロード バランシング フロント エンド...
要素の円弧モーションを実現する CSS3 サンプルコード
CSS を使用して要素の円弧の動きを制御する方法CSS3 の新しい属性 transfrom トランジ...
ネイティブ js でカスタム スクロール バーを実装する
この記事の例では、カスタムスクロールバーを実装するためのjsの具体的なコードを参考までに共有していま...
MySQLオンラインDDL gh-ostの使用の概要
背景： DBA として、大規模なテーブルの DDL 変更のほとんどは、Percona の pt-on...
RHCEはApacheをインストールし、ブラウザでIPにアクセスします
1. at は、5 時間後にルート ディレクトリの at_test ファイルに「これは at タスク...
CSS3で実装されたサムネイルホバー効果
成果を達成する実装コードhtml <ヘッダー> <h1><em>...
Vue はアップロードした画像に透かしを追加できるようになりました (アップグレード版)
vueプロジェクトでは、アップロードした画像に透かしを追加して参照できるようにするアップグレード版...
Python で pymysql モジュールを使用して MySQL データベースに接続する
pymysqlをインストールするpip install pymysql 2|0pymysqlの使用2...
1 行または複数行のテキストがオーバーフローしたときに省略記号を表示する CSS を実装する方法
1. 単一行オーバーフロー1. 1 行がオーバーフローした場合、超過部分は表示されます...または、...
Vueはページに透かし効果を追加する機能を実装します
最近、あるプロジェクトに取り組んでいたとき、ページに透かし効果を追加するように依頼されました。さっそ...
crontab 実行時間とシステム時間の不一致の解決方法
序文LINUX では、定期的なタスクは通常、cron デーモン プロセス [ps -ef | gre...
仮想スクロールを簡単に実装するためのVueサンプルコード
目次序文ローリング原理成し遂げるソースコード参照する序文モバイル Web ページの日常的な開発では、...
uniapp プロジェクトをデスクトップ アプリケーションとしてパッケージ化する方法
Electronのインストール cnpm 電子をインストール -g electron-package...
MySQL への接続時に発生する 1449 および 1045 例外の解決方法
MySQL への接続時に発生する 1449 および 1045 例外の解決方法 mysql 1449:...
Linux tac コマンドの実装例
1. コマンドの紹介tac (cat の逆順) コマンドは、ファイルの内容を行単位で逆順に出力します...