2015-07-23 2 views
10

Запустите этот код, а затем сохраните его. Любое решение для решения этой проблемы?Html2Canvas проблемы с тайским языком

Пример кода

$(document).on("click", "#save", function() { 
 
    html2canvas(
 
    $("body"), { 
 
     onrendered: function(canvas) { 
 
     $("#result_here").append(canvas); 
 
     var data = new FormData(); 
 
     data.append("data", "the_text_you_want_to_save"); 
 

 
     var xhr = (window.XMLHttpRequest) ? new XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP"); 
 
     xhr.open('post', 'save_file.php', true); 
 
     xhr.send(data); 
 
     } 
 
    } 
 
); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script> 
 

 
<div id="canvas" style="border:1px solid red; width: 300px; heght:300px; "> 
 
    <p>hello 
 
    <p> 
 
     <p>สวัสดี</p> 
 
</div> 
 

 
<div id="result_here" stlye="border:1px solid blue;"></div> 
 

 
<button id="save">SAVE</button>

это мой результат

enter image description here

(первый блок HTML и второй блок является результатом изображения вы увидите разностное на)

+0

### мой JS код ### $ (документ) .он ("щелчок", "Сохранять", функция() { html2canvas ($ ("тело"), { onrendered:. функция (холст) { $ ("# result_here") добавить (холст); вар данных = новые FormData(); data.append ("данных", "the_text_you_want_to_save"); var xhr = (window.XMLH ttpRequest)? новый XMLHttpRequest(): новый activeXObject ("Microsoft.XMLHTTP"); xhr.open ('post', 'save_file.php', true); xhr.send (данные); } }); }); – lovepong

+0

так что тайские символы переключаются? – jasonscript

+1

Создал [jsFiddle] (http://jsfiddle.net/0cf7p5ao/1/) – jasonscript

ответ

-1

font-family: monospace;

<div id="canvas" style="border:1px solid red; width: 300px; heght:300px; font-family: monospace; "> 

<p>hello 
    <p> 
    <p>สวัสดี</p> 

пример здесь - jsfiddle.net/chit33/xfj933m1/4

+0

Я просто тестирую здесь http://jsfiddle.net/8ypxW/1538/, но он не работает. – lovepong

+1

тест здесь - http://jsfiddle.net/chit33/xfj933m1/4/ –

Смежные вопросы