Đã thêm tính năng hỗ trợ Canvas toBlob() trong Chrome 50
bookmark_borderbookmark
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Kể từ Chrome 50, phần tử canvas sẽ được nâng cấp: phần tử này hiện hỗ trợ phương thức toBlob()
! Đây là tin vui cho những ai tạo hình ảnh ở phía máy khách, những người muốn – giả sử – tải hình ảnh lên máy chủ hoặc lưu trữ hình ảnh trong IndexedDB để sử dụng sau này.
function sendImageToServer (canvas, url) {
function onBlob (blob) {
var request = new XMLHttpRequest();
request.open('POST', url);
request.onload = function (evt) {
// Blob sent to server.
}
request.send(blob);
}
canvas.toBlob(onBlob);
}
Việc sử dụng toBlob()
rất tuyệt vời vì thay vì thao tác với chuỗi được mã hoá base64 mà bạn nhận được từ toDataURL()
, giờ đây, bạn có thể trực tiếp xử lý dữ liệu nhị phân đã mã hoá. URI này nhỏ hơn và có xu hướng phù hợp với nhiều trường hợp sử dụng hơn URI dữ liệu.
Nếu bạn đang thắc mắc liệu có thể vẽ các blob hình ảnh vào một ngữ cảnh canvas khác hay không, thì câu trả lời là có, hoàn toàn có thể! Bạn có thể thực hiện việc này bằng API createImageBitmap()
. API này cũng sẽ ra mắt trong Chrome 50.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2016-03-14 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2016-03-14 UTC."],[],[]]