chúng ta có thể xuất ảnh canvas thành svg hoặc base 64 và sau đó nhập lại nó không?Hình ảnh canvas HTML5 cách có thể được lưu ở định dạng SVG hoặc 64 cơ sở?
Trả lời
Không dễ, không. Không có phương pháp trực tiếp để xuất đồ họa Canvas sang SVG - chúng là các loại biểu diễn khác nhau, Canvas 2D sử dụng màn hình raster, như hình ảnh truyền hình và SVG lưu trữ các hình dạng hình học, có thể thay đổi kích cỡ mà không làm giảm chất lượng.
Câu trả lời đơn giản là nếu bạn cần đầu ra SVG, không sử dụng canvas, bắt đầu với SVG (thư viện đồ họa SVG đơn giản http://raphaeljs.com/ có thể hữu ích ở đây).
Câu trả lời phức tạp là bạn có thể xuất sang SVG nếu bạn ghi lại tất cả các thao tác canvas bạn thực hiện và có cách để tạo lại SVG, nhưng, trừ khi bạn có một nhóm hoạt động hạn chế, về cơ bản có nghĩa là bạn cần thực hiện tất cả các chức năng và chế độ vẽ canvas!
andrewmu nhận được một điểm xứng đáng từ tôi cho câu trả lời tuyệt vời cho câu hỏi ở dạng ban đầu.
Câu hỏi được sửa đổi ("hoặc base64") rất dễ dàng với Google: canvas.toDataURL()
.
- 1. Chụp ảnh từ máy ảnh thành dạng hoặc html5 canvas
- 2. Lưu hình ảnh động được tạo bằng HTML5 Canvas
- 3. Lưu <svg> HTML5 vào PNG hoặc hình ảnh
- 4. Hoạt ảnh SVG hoặc Canvas?
- 5. Lưu html5 Canvas dưới dạng Dữ liệu vào cơ sở dữ liệu mysql
- 6. Tôi làm cách nào để lưu mã svg dưới dạng hình ảnh .svg?
- 7. Có thể thay thế màu trong hình ảnh được mã hóa 64 cơ sở không?
- 8. Canvas HTML5, hình ảnh trên/trong đa giác có thể?
- 9. Cách tải hình ảnh lên canvas HTML5
- 10. Lưu hình ảnh từ canvas theo dạng zip
- 11. Xác định loại hình ảnh từ cơ sở 64 nội dung
- 12. Chuyển đổi phần tử Canvas thành Hình ảnh và lưu trữ trong cơ sở dữ liệu
- 13. Lưu canvas WPF dưới dạng hình ảnh theo Mẫu MVVM
- 14. HTML5 xoay hình ảnh bằng canvas
- 15. HTML5 Canvas ảnh Scaling Issue
- 16. Sử dụng hình ảnh html5 canvas làm mặt nạ
- 17. HTML5 tạo ảnh nền canvas
- 18. làm thế nào để vẽ lưới bằng cách sử dụng html5 và (canvas hoặc svg)
- 19. Không tìm thấy định dạng hình ảnh PySide SVG?
- 20. HTML5 lưu canvas vào tệp
- 21. HTML5 cách vẽ hình ảnh pixel trong suốt trong canvas
- 22. Tải canvas html5 vào hình ảnh PIL với Django
- 23. Làm cách nào để xuất biểu đồ kendoui dataviz sang định dạng hình ảnh (.png) hoặc (.jpg) bằng cách bật lên cửa sổ Lưu dưới dạng?
- 24. Cách lưu hình ảnh trong cơ sở dữ liệu SQLite
- 25. Tải xuống phần tử canvas Html5 dưới dạng hình ảnh có đuôi tệp với Javascript
- 26. SVG phía máy chủ đến PNG (hoặc một số định dạng hình ảnh khác) trong python
- 27. chụp đầu ra canvas html5 dưới dạng chuỗi video hoặc swf hoặc png?
- 28. Lưu hình ảnh vào nhiều định dạng tệp khác nhau
- 29. Tôi có nên lưu trữ hình ảnh trong cơ sở dữ liệu hoặc thư mục không?
- 30. Làm cách nào để viết văn bản ở trên cùng của hình ảnh trong canvas HTML5?