2020-08-07トピックのソース:http://www.h-camel.com/index.html
[html]キャンバスを使用してグラデーション長方形を描画してください
グラデーションは長方形、円、線、テキストなどで塗りつぶすことができ、さまざまな形状を異なる色で定義できます。
Canvasグラデーションを設定する方法は2つあります。
createLinearGradient(x、y、x1、y1)-ライングラデーションを作成する
createRadialGradient(x、y、r、x1、y1、r1)-放射状/円形グラデーションを作成します
グラデーションオブジェクトを使用する場合は、2つ以上のストップカラーを使用する必要があります。
addColorStop()メソッドはカラーストップを指定し、パラメーターは0〜1の座標で記述されます。
グラデーションを使用するには、fillStyleまたはstrokeStyleをグラデーションに設定してから、長方形、テキスト、線などの形状を描画します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CANVAS</title>
</head>
<body>
<h3>渐变颜色的矩形</h3>
<p>createLinearGradient(x,y,x1,y1); 坐标 从 (x,y) 到 (x1, y1) 创建线条渐变</p>
<p>createRadialGradient(x,y,r,x1,y1,r1); 坐标 从 (x,y) 到 (x1, y1) r1为半径,创建径向渐变</p>
<p>addColorStop()方法指定颜色停止,参数使用坐标来描述,可以是0至1</p>
<h5>线条渐变</h5>
<canvas id="rectangleLinear"></canvas>
<h5>径向渐变</h5>
<canvas id="rectangRadial"></canvas>
</body>
<script>
//1.线条渐变
let c = document.getElementById("rectangleLinear");
let ctx = c.getContext("2d");
// 渐变
let grd = ctx.createLinearGradient(0, 0, 200, 0);
grd.addColorStop(0, "red");
grd.addColorStop(1, "white");
// 填充
ctx.fillStyle = grd;
ctx.fillRect(10, 10, 150, 80);
//2.径向渐变
let r = document.getElementById("rectangRadial");
let rxt = r.getContext("2d");
let radGrd = rxt.createRadialGradient(75, 50, 5, 90, 60, 100);
radGrd.addColorStop(0, "red");
radGrd.addColorStop(0.4, "yellow");
radGrd.addColorStop(1, "green");
rxt.fillStyle = radGrd;
rxt.fillRect(10, 10, 150, 80);
</script>
</html>
[css]] cssのbackgroundまたはbackground-imageの値がurl()またはurl(#)の場合はどうなりますか?どうして?の解き方?
現象の観点からは何もない、つまり絵はありません。しかし、実際にはもう1つのhttpリクエストが送信されます。
解決策:base64を使用して画像をエンコードするか、背景色を追加します。
[js]ブラウザでのwindow.lengthの結果は何ですか?なぜ
window.lengthの戻り結果は、現在のウィンドウのフレーム数です。
[ソフトスキル]内部ネットワークIPとパブリックネットワークIPについて説明する
1.パブリックネットワークIPは世界で一意であり、内部ネットワークIPはローカルエリアネットワークでのみ一意であり、ローカルエリアネットワーク内のすべてのコンピューターの内部ネットワークIPは互いに異なりますが、同じ外部ネットワークIPを共有します
2.ローカルエリアネットワークでは、IPを自分で割り当てることができます。これは、ローカルエリアネットワークでのみ有効です。コンピューターがインターネットに接続されている場合、ネットワークオペレーターのサーバーは外部ネットワークIPを提供する必要があります。
3. ipv4アドレスリソースはますます緊張しており、IANA組織はローカルエリアネットワークで使用するためにいくつかのIPアドレスを予約しています。
IPアドレス空間:
a类网
10.0.0.0~10.255.255.255
b类网
172.16.0.0~172.31.255.255
c类网
192.168.0.0~192.168.255.255
つまり、見つけたIPアドレスが上記のA、B、CのIPアドレスの範囲内にある場合は、ローカルエリアネットワークのIPアドレスである必要があります。それ以外の場合は、パブリックネットワークのアドレスです。