ホームページ > ウェブフロントエンド > jsチュートリアル > コードとマークアップの Q&A のサンプル画像はどこで見つけられますか?

コードとマークアップの Q&A のサンプル画像はどこで見つけられますか?

Linda Hamilton
リリース: 2024-12-20 04:39:09
オリジナル
405 人が閲覧しました

Where Can I Find Example Images for Code and Markup Q&As?

コードとマークアップの Q&A 用のサンプル画像 [終了]

画像を含む MCVE/SSCCE を準備する場合、サンプルにアクセスできる画像は特に役立ちます。外部の画像ホスティングやリンクの必要性を軽減するために、簡単に使用できるさまざまな画像を例に示します。

アイコン:

  • シンプルな幾何学的形状: 透明なエッジを持つ Java 生成の PNG アイコン (4 色 x 5)シェイプ)
  • カテゴリ: png アイコン

スプライト シート:

  • チェスの駒: 背景が透明な 384x128 ピクセル PNG (各スプライト 64x64 ピクセル)
  • カテゴリ: png スプライトシート アイコン

アニメーション:

固体BG:

  • アニメーション破線境界線: 100x30 ピクセル PNG (ソリッド BG)
  • Zooming Stars: 160x120 ピクセル PNG (ソリッド) BG
  • アニメーション水: ソリッド BG 付き 60x60 ピクセル PNG

透明 BG:

  • 軌道アニメーション:透明度のある 450x450 および 150x150 ピクセルの GIF

写真:

  • 日の出と月の入り: 480x320 ピクセル JPEG x 4
  • カテゴリ: jpeg スライドショー 画像トランジション
  • 夜明けのパノラマ: 1474x436 px JPEG
  • カテゴリ: jpg パノラマ アニメーション(スクロール)

タイル:

  • 地球のメルカトル図: 透明な BG 付きの 640x316 ピクセル PNG、タイリングに適しています左/右
  • カテゴリ: PNG タイル アニメーション (スクロール)

コード:

に加えて、画像に簡単に統合できるように、チェスの駒のスプライト シートを分割するための Java クラスが提供されています。 MCVE:

import java.awt.image.*;
import javax.imageio.*;
import java.net.*;
import java.io.*;
import java.util.*;

public final class ChessSprites {
    private ChessSprites() {}
    public static final int SIZE = 64;
    public static final BufferedImage SHEET;
    static {
        try {
            // see https://stackoverflow.com/a/19209651/2891664
            SHEET = ImageIO.read(new URL("https://i.sstatic.net/memI0.png"));
        } catch (IOException x) {
            throw new UncheckedIOException(x);
        }
    }
    public static final BufferedImage GOLD_QUEEN    = SHEET.getSubimage(0 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_QUEEN  = SHEET.getSubimage(0 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KING     = SHEET.getSubimage(1 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KING   = SHEET.getSubimage(1 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_ROOK     = SHEET.getSubimage(2 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_ROOK   = SHEET.getSubimage(2 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KNIGHT   = SHEET.getSubimage(3 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KNIGHT = SHEET.getSubimage(3 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_BISHOP   = SHEET.getSubimage(4 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_BISHOP = SHEET.getSubimage(4 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_PAWN     = SHEET.getSubimage(5 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_PAWN   = SHEET.getSubimage(5 * SIZE, SIZE, SIZE, SIZE);
    public static final List<BufferedImage> SPRITES =
        Collections.unmodifiableList(Arrays.asList(GOLD_QUEEN,  SILVER_QUEEN,
                                                   GOLD_KING,   SILVER_KING,
                                                   GOLD_ROOK,   SILVER_ROOK,
                                                   GOLD_KNIGHT, SILVER_KNIGHT,
                                                   GOLD_BISHOP, SILVER_BISHOP,
                                                   GOLD_PAWN,   SILVER_PAWN));
}
ログイン後にコピー

以上がコードとマークアップの Q&A のサンプル画像はどこで見つけられますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート