> 웹 프론트엔드 > 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 아이콘

스프라이트 시트:

  • 체스 조각 : 투명한 배경의 384x128px PNG (각 스프라이트 64x64px)
  • 카테고리: png 스프라이트 시트 아이콘

애니메이션:

단단한 BG:

  • 애니메이션 점선 테두리: 100x30px PNG(단색 BG 포함)
  • 확대/축소 별: 160x120px PNG(단색 포함) BG
  • 애니메이션 물: 단색 BG가 포함된 60x60px PNG

투명 BG:

  • 궤도 애니메이션: 투명도가 포함된 450x450 및 150x150px GIF

사진:

  • 일출 및 월몰: 480x320px JPEG x 4
  • 카테고리: jpeg 슬라이드쇼 이미지 전환
  • 새벽의 파노라마: 1474x436 px JPEG
  • 카테고리: jpg 파노라마 애니메이션 (스크롤)

타일:

  • 지구의 메르카토르 지도: 투명 BG가 포함된 640x316px 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿