2010-06-08 27 views
5

Tôi gặp sự cố lạ với văn bản trên canvas khi sử dụng iPhone hoặc iPad. Hoặc văn bản được rút ra đúng cách (hiếm khi), hoặc nó được vẽ lộn ngược, hoặc nó không được rút ra chút nào. Khi văn bản không quản lý để vẽ, nó sẽ bị xóa khi iPhone/Pad được xoay.iPhone/iPad HTML5 Canvas fillText problem

Tôi có mã sau đây. Có vẻ như tôi chỉ có thể nhận được văn bản ở lại trên trang nếu tôi sử dụng setTimeout. Nó dường như được rút ra nếu tôi gọi fillText ngay sau khi tài liệu được tải.

Bất kỳ ai khác gặp phải vấn đề này?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<script src="http://code.jquery.com/jquery-1.4.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     //draw_b(); 
     setTimeout('draw_b()', 500); ; 
    }); 

    function draw_b() { 
     var b_canvas = document.getElementById("cv"); 
     var context = b_canvas.getContext("2d"); 
     context.fillText("Belated hello world", 50, 50); 
    } 
</script> 
</head> 
<body> 
<canvas id="cv" width="300" height="225"></canvas> 

</body> 
</html> 

Trả lời

2

Tôi có cùng một vấn đề, phiên bản trước (3.2) không hỗ trợ HTML5 Canvas filltext, Bạn có thể sử dụng thay thế API stroketext như vậy để khắc phục vấn đề này: http://www.netzgesta.de/dev/text/#canvas_api

+0

Âm thanh tốt! (Bất kỳ ai cũng có thể xác minh xem công trình này có hoạt động không ???) –