O Mobile Safari renderiza <img src = “data: image / jpeg; base64…”> dimensionado no Canvas?
Eu tento renderizar uma imagem local carregada com um objeto FileReader em um Canvas no Safari Mobile no iOS6. Mas todas as imagens com URL de dados são renderizadas verticalmente. Isso é um inseto? No Chrome, é processado corretamente.
Script de demonstraçãoScreenShot do iOS6 (acima: Canvas, abaixo: Imagem original)
Existe alguma maneira de contornar este bug? Isso é um inseto?
Se eu redimensionar a imagem no dispositivo primeiro com o aplicativo "PhotoWizard" (dimensione para 720 pixels de largura), o Canvas renderiza corretamente. Parece ser um problema com o tamanho da imagem ou imagens tiradas com o aplicativo Camera:
Script de demonstração de trabalhoTentei sugestões deJake Archibald, parece um pouco melhor, mas ainda é dimensionado verticalmente:
Script de demonstração modificadoScreenShot do iOS6
Eu tentei hoje em um Galaxy Nexus com o Android 4.1.1 instalado. Funciona como esperado, então isso realmente parece um problema no Safari móvel:
ScreenShot do Android 4.1.1