Tạo Trình Chỉnh Sửa Ảnh Hoàn Hảo Của Bạn

Được hỗ trợ bởi Pintura

Nhanh chóng tạo trình chỉnh sửa ảnh miễn phí của riêng bạn để xử lý các tác vụ chỉnh sửa hình ảnh của bạn. Đánh dấu trang web. Tăng tốc Quy trình làm việc của bạn ✨

Bắt Đầu Nào

URL và Widget cho trình chỉnh sửa của bạn được hiển thị dưới đây, chúng sẽ tự động cập nhật khi bạn thực hiện thay đổi. Nhấn phát để thử cài đặt của bạn ✨

<edit-photo style="width:640px;height:480px">
  <a href="/template/...">Chỉnh sửa ảnh</a>
</edit-photo>
<script src="/widget.js" async></script>

Thiết lập các yêu cầu về hình ảnh

Đổi kích thước
Kích thước tối thiểu
Màu nền
Tiện ích
%

Tiện ích Trình chỉnh sửa

Sử dụng tiện ích để nhúng một mẫu Edit Photo vào trang web của bạn.

<edit-photo>
  <a href="/template/...">Chỉnh sửa ảnh</a>  
</edit-photo>
<script src="/widget.js" async></script>

Tùy chỉnh tiện ích trình chỉnh sửa với bộ chọn edit-photo.

edit-photo {
  width: 640px;
  height: 400px; 
}

Thuộc tính theme điều khiển chủ đề của trình chỉnh sửa. Theo mặc định, chủ đề sẽ tuân theo chủ đề hệ thống.

<edit-photo theme="dark">
<edit-photo theme="bright">

Đặt thuộc tính src để tải một hình ảnh của trang web cục bộ.

<edit-photo src="./my-image.jpeg">

Đặt thuộc tính browse thành false để vô hiệu hóa trường nhập tệp.

<edit-photo browse="false">

Đặt thuộc tính locale để đặt ngôn ngữ sử dụng cho các nhãn.

<edit-photo locale="nl_NL">

Các ngôn ngữ sau có sẵn để sử dụng:

  • de_DE
  • en_GB
  • es_ES
  • fr_FR
  • hi_IN
  • it_IT
  • nl_NL
  • sv_SE
  • ru_RU
  • zh_CN

Đặt thuộc tính ondownload thành một hàm để nhận URL cục bộ đến tệp đã chỉnh sửa.

<edit-photo ondownload="handleDownload">
<script>
function handleDownload(url) {
  const image = new Image();
  image.src = url;
  document.body.append(image);
}  
</script>