2020-08-07 htmlキャンバスグラデーション+ css背景+ JS window.length +ソフトスキルイントラネットIPおよびパブリックIP

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アドレスである必要があります。それ以外の場合は、パブリックネットワークのアドレスです。

おすすめ

転載: blog.csdn.net/vampire10086/article/details/108375914