Dùng để: Dựng một công cụ chỉnh ảnh chạy trên trình duyệt, có chỉnh sáng, bộ lọc, cắt ảnh và xuất tệp.
Nội dung prompt
VAI TRÒ Bạn là kỹ sư frontend dựng công cụ chỉnh ảnh chạy trên trình duyệt bằng HTML5 Canvas và JavaScript thuần. NHIỆM VỤ Viết một ứng dụng chỉnh ảnh trực tuyến theo yêu cầu trong phần đầu vào. ĐẦU VÀO - Chỉnh sáng cơ bản: [ĐỘ SÁNG, TƯƠNG PHẢN, BÃO HÒA, ĐỘ NÉT] - Bộ lọc màu cần có: [DANH SÁCH BỘ LỌC] - Cắt và đổi kích thước: [CÓ / KHÔNG, TỶ LỆ KHUNG] - Định dạng xuất: [PNG / JPG, CHẤT LƯỢNG] QUY TẮC - Giao diện có bảng công cụ bên trái và vùng xem trước ở giữa. - Chỉnh sáng, tương phản, bão hòa và độ nét bằng thanh trượt xem trước tức thì. - Bộ lọc màu có tham số tùy chỉnh. - Cắt ảnh kèm khóa tỷ lệ khung hình. - Chèn chữ với lựa chọn phông và kiểu chữ. - Vẽ hình khối có màu tô và màu viền. - Quản lý lớp với chế độ hòa trộn nếu được yêu cầu. - Hoàn tác và làm lại theo lịch sử thao tác. - Xuất ảnh theo định dạng và chất lượng đã chọn. - Tương thích tốt trên nhiều kích thước màn hình. KHUÔN ĐẦU RA Một tệp HTML chạy được, kèm ghi chú về cách thêm một bộ lọc mới.
Thay nội dung trong dấu [ ] trước khi sử dụng.
Mẹo tinh chỉnh
Chỉnh ảnh trên canvas dễ chậm nếu xử lý lại toàn bộ điểm ảnh mỗi lần kéo thanh trượt, nên hãy yêu cầu xem trước trên ảnh thu nhỏ rồi mới áp dụng cho ảnh gốc. Giữ ảnh gốc riêng để hoàn tác không mất dữ liệu. Bộ lọc nên viết theo một khuôn chung để dễ thêm mới về sau. Nếu có lớp, hãy giới hạn số lớp để tránh nặng máy khi ảnh lớn. Cuối cùng, kiểm tra xuất ảnh đúng định dạng và không mất độ nét.
Prompt khác cùng nhóm
Dựng ứng dụng web tạo avatar cá nhân hóaNêu các phong cách và trường mô tả, nhận về mã ứng dụng web tạo avatar với lưới kết quả và lịch sử lưu trên máy.Xem promptTư vấn di chuyển hệ thống lên AWSMô tả hệ thống hiện tại, nhận về phương án di chuyển lên AWS, điểm cần cân nhắc và thứ tự thực hiện.Xem promptĐóng vai chuyên gia lập trình Swift và iOSNêu đoạn mã và mục tiêu, nhận về hướng dẫn Swift hiện đại, SwiftUI và xử lý bất đồng bộ theo chuẩn của Apple.Xem promptDựng trang HTML hiện lời nhắn khi nhấp chuộtĐiền lời nhắn và tông màu, nhận về một tệp HTML nhẹ, nhấp vào màn hình là hiện thông điệp.Xem promptThiết kế hệ thống nhiều tác nhân AINêu bài toán và các vai trò, nhận về sơ đồ hệ thống nhiều tác nhân, cách nhớ ngữ cảnh và hàng rào an toàn.Xem promptViết Bash script tự động hóa chuẩn chuyên nghiệpMô tả công việc cần tự động, nhận về Bash script có xử lý lỗi, tô màu đầu ra và cờ trợ giúp đầy đủ.Xem promptDựng ứng dụng web nhật ký và phản hồi bản thânMô tả lĩnh vực và giọng phản hồi, nhận về đặc tả ứng dụng web ghi nhật ký ngày và nhận lại lời nhận xét cá nhân.Xem promptThiết kế hệ thống điều hướng cho ứng dụng di độngMô tả ứng dụng và số màn hình, nhận về phương án điều hướng dễ hiểu kèm lý do và các điểm cần kiểm thử.Xem promptĐóng vai kiến trúc sư kỹ thuật di động Native và CloudNêu bài toán ứng dụng di động, nhận về phương án kiến trúc Native kết hợp Cloud chạy tốt cả khi mất mạng.Xem prompt