Hình ảnh ví dụ cho mã và đánh dấu Hỏi & Đáp [đã đóng]


131

Khi chuẩn bị MCVE / SSCCE liên quan đến hình ảnh, sẽ rất hữu ích khi có quyền truy cập trực tiếp vào hình ảnh.

Các loại hình ảnh sẽ bao gồm hầu hết các câu hỏi là - hình ảnh nhỏ với nhiều màu sắc hoặc hình dạng, GIF hoạt hình có / không trong suốt, JPEG là 'cặp' hình ảnh & có thể được sử dụng trong chuyển tiếp hình ảnh, bộ gạch, tấm sprite ..

Có bất kỳ hình ảnh nhỏ (dưới 30KB), tại chỗ, giấy phép và tiền bản quyền mà chúng tôi có thể liên kết nóng cho các loại ví dụ này không?


Xem thêm Có chỗ nào cho hình ảnh của EG EG mà chúng ta có thể liên kết nóng trong các ví dụ về mã không? . .. Đâu là lá cờ 'Wiki cộng đồng' cho câu hỏi và trả lời này? ..
Andrew Thompson

Tôi đã không bỏ phiếu theo cách nào nhưng tôi sẽ ngạc nhiên nếu điều này không bị đóng và bị xóa. Đây là một câu hỏi danh sách mua sắm.
Martin Smith

1
@MartinSmith là chủ nhật. Ngay cả lập trình viên cũng phải nghỉ ngơi! ;)
Shadow Wizard là Ear For You

@MartinSmith Tôi đánh giá cao những gì bạn đang nói. OTOH Tôi hy vọng rằng (khi được đánh dấu Wiki cộng đồng - tôi đã gắn cờ 'câu hỏi để thử và làm cho điều đó xảy ra) nó được xem là đủ hữu ích để ngăn cản mọi người bỏ phiếu cho điều đó.
Andrew Thompson

1
Tôi đang bỏ phiếu để đóng câu hỏi này ngoài chủ đề vì nó thuộc về Meta Stack Overflow hoặc Meta Stack Exchange.
Peter O.

Câu trả lời:


71

Dưới đây là một số hình ảnh ví dụ để sử dụng phổ biến, chủ yếu là từ các câu trả lời hiện có trên SO.

Các biểu tượng

Các hình dạng hình học đơn giản được tạo bằng Java như ban đầu được thấy trong câu trả lời này . Nó bao gồm một giao diện dựa trên Java xác định các URL và làm cho chúng dễ dàng truy cập.

Chi tiết: PNG 32x32 pixel (4 màu x 5 hình) với độ trong suốt một phần (dọc theo các cạnh).

Thể loại:

  
  

Tấm Sprite

Các quân cờ như ban đầu được thấy trong câu trả lời này bao gồm 2 bộ sprite khác (cùng một hình ảnh với các màu sắc khác nhau).

Chi tiết: 384x128 px (mỗi sprite 64x64 px) PNG với độ trong suốt một phần.

Thể loại:

Hoạt hình

GIF là định dạng hình ảnh duy nhất hỗ trợ hình ảnh động. Dưới đây là một vài ví dụ.

Thể loại:

BG rắn

Hoạt hình biên giới nét đứt như đã thấy trong câu trả lời này .

Chi tiết: 100x30 px với BG đầy (không trong suốt)

Các ngôi sao thu phóng như đã thấy trong câu trả lời này , ban đầu được phát triển dưới dạng 'ảnh chụp màn hình' của trình bảo vệ màn hình.

Chi tiết: 160x120 px với BG đầy (không trong suốt)

Nước hoạt hình như đã thấy trong câu trả lời này cho hoạt hình Gạch trong trò chơi của tôi .

Chi tiết: 60x60 px với BG đầy (không trong suốt)

BG trong suốt

Hoạt hình quỹ đạo, ban đầu được phát triển cho 1.1C . Các quỹ đạo của các hành tinh 'bên trong' (từ Sao Thủy đến Sao Mộc, với một quỹ đạo phụ được thể hiện trong độ dày của vành đai tiểu hành tinh). Tốt hơn trên một BG tối.

Chi tiết: GIF hoạt hình 450x450 & 150x150 px có độ trong suốt.

Những bức ảnh

Mặt trời mọc và mặt trăng trên CBD của Sydney, Úc
Hoàng hôn và sao Kim qua kính viễn vọng trên Núi Stromlo, gần thủ đô Canberra, Úc.

Thể loại: + Chuyển đổi hình ảnh

Chi tiết: 480x320 px JPEG x 4. (Hiển thị ở đây với kích thước 1/2.)


Toàn cảnh tại Dawn trên vùng ngoại ô phía đông nam Sydney.

Thể loại: (cuộn)

Chi tiết: 1474x436 px JPEG.

Bình minh toàn cảnh

Gạch ốp lát

Đây bản đồ Mercator của Trái đất có thể được lát gạch trái / phải. Ban đầu nhìn thấy trên câu trả lời này . Câu trả lời cũng bao gồm một phiên bản thứ hai của hình ảnh cho thấy một đường bán trong suốt cho đường xích đạo (không nằm ở trung tâm, nhưng đáng kể bên dưới nó).

Chi tiết: 640x316 px (thêm 44 px ở dưới cùng vào đường xích đạo trung tâm) PNG với BG trong suốt.

Thể loại: (cuộn)

tiền boa

Để nhận URL của hình ảnh, bạn có thể 'nhấp vào ngữ cảnh' trên hình ảnh như được thấy trong trình duyệt và:

  • Hiển thị các thuộc tính. URL có thể được sao chép từ hộp thoại xuất hiện.
  • Xem hình ảnh. Sao chép URL từ thanh địa chỉ trình duyệt.

Luân phiên:

  • Sử dụng trình duyệt 'hiển thị nguồn' và sao chép nó từ HTML.
  • Đối với những người có đủ đại diện. (Hơn 100, để chỉnh sửa câu trả lời Wiki cộng đồng), hãy chỉnh sửa câu trả lời và kéo URL từ văn bản.

Dưới đây là một lớp Java phân tách bảng sprite quân cờ, phù hợp để dán vào 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.stack.imgur.com/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));
}

6
1+ và đánh dấu sách!
Hovercraft Full Of Eels

Tài nguyên tuyệt vời. Cũng có thể liên kết trong các biểu tượng từ Kho lưu trữ đồ họa Java Look and Feel không?
bắn tung tóe

@splungthing Một cách hay để tìm hiểu là tạo câu trả lời và nhúng chúng. Tôi không muốn làm điều đó trong câu trả lời của tôi vì giấy phép của những hình ảnh đó không hoàn toàn rõ ràng đối với tôi (tất cả hình ảnh trong câu trả lời của tôi đều do tôi tạo ra).
Andrew Thompson

1
@AndrewThndry Giải pháp hay, +1 và đánh dấu sách cũng vậy!
dùng3437460
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.