Codifica araba con html2canvas

Question

Sto usando html2canvas per scattare un'immagine di un div, il contenuto proviene dalla stessa pagina, stesso dominio, ma mostra le lettere arabe disconnesse, sembra che html2canvas non supporti l'arabo.

Mentre sto leggendo i dettagli disponibili su di esso sulla sua pagina web, non ho trovato alcuna informazione utile.

Ecco il codice semplice che ho usato:

$("#import").click(function(){ 
    // send the contents of the email :) 
    html2canvas(document.body, { 
     onrendered: function(canvas) { 
      document.body.appendChild(canvas); 
     }, 
     letterRendering:true 
    }); 
}); 

alcun indizio?

Answer 1

Si sta utilizzando la codifica UTF-8? Se non hai <meta http-equiv="content-type" content="text/html; charset=UTF8"> nella tua testa, sicuramente non funzionerà :) Spero che questo aiuti.

Answer 2

È un bug in html2canvas. La risoluzione di questo problema può essere raggiunto attraverso l'impostazione sul vostro CSS contenuti:

text-align: left; //or right or justify 

Per saperne di più qui: https://github.com/niklasvh/html2canvas/issues/226#issuecomment-20232693

Answer 3

ho pensato di provare qualche manipolazione del codice & E unblivably funzionato. La risposta è quella di sostituire:

textList = (!options.letterRendering && /^(left|right|justify|auto)$/.test(textAlign) && noLetterSpacing(getCSS(el, "letterSpacing"))) 

con:

textList = (!options.letterRendering || /^(left|right|justify|auto)$/.test(textAlign) || noLetterSpacing(getCSS(el, "letterSpacing"))) 

preavviso (& &) segno che viene sostituito da (||).

Answer 4

Per favore, assicurati di aver corretto "text-align: right;" in ogni elemento arabo

text-align: right; 

http://jsfiddle.net/8ypxW/2022/