2015-03-02 17 views
8

Tôi đã sử dụng thành công kỹ thuật this, để rút đầu vào của người dùng từ các phần tử DOM (chẳng hạn như trường nhập và chọn) trên canvas và tạo nó có sẵn dưới dạng hình ảnh.Vẽ các phần tử DOM (SVG là phần tử nước ngoài) trên canvas không hoạt động trong Internet Explorer

này hoạt động tốt trong Chrome, Safari và Firefox, nhưng trên Internet Explorer 11, tôi nhận được lỗi sau:

  • XML5634: Một thuộc tính có cùng tên đã tồn tại trên yếu tố này . Dòng: 1, Cột 242, khi tôi thử trên trang web đầy đủ, tôi đã phát triển . Lỗi này được cho là được hiển thị khi có các giá trị trùng lặp trên các trường tên và id nhưng tôi đã kiểm tra mọi phần tử trên DOM và không có phần tử nào.
  • Cuộc gọi không mong muốn để truy cập phương pháp hoặc thuộc tính., khi tôi cố gắng sao chép toàn bộ quy trình trên fiddle này: http://jsfiddle.net/5mf4n7v3/. Dường như từ trình gỡ rối lỗi xảy ra khi ctx.drawImage() được gọi.

Về cơ bản, những gì tôi đang cố gắng để làm trong fiddle này là để vẽ hình ảnh SVG vàng vòng tròn và tập tin SVG lên tùy ý, với điều kiện của tôi, trên vải. Điều này dường như hoạt động trong tất cả các trình duyệt chính ngoại trừ IE11. Có ai khác phải đối mặt với cùng một vấn đề và biết một số cách giải quyết?

+1

IE không hỗ trợ ' 'tag. –

+0

Vì vậy, không có giải pháp cho điều đó? –

+2

Không trừ khi bạn tính Chrome, Safari, Firefox và Opera là giải pháp thay thế. –

Trả lời

1

IE 10 không hỗ trợ <foreignObject> thẻ, nhưng bạn không cần nó để vẽ văn bản trên vải, ở đây tôi viết lại bạn fiddle, vì vậy bây giờ nó hoạt động trong IE - http://jsfiddle.net/skyr9999/5hhpo76h

Các vấn đề liên quan