Проблемы с html5 canvas, внутри нативного WebView, в нативной реакции

Question

После установки ширины> 640 и высоты> 100 на холсте ничего не отображается, эта проблема возникает, когда веб-страница отображается в собственном веб-представлении.

//works fine
...
canvas.width  = 640;
canvas.height = 100;
ctx.drawImage(img, 0, 0);
...

//don't  works
...
canvas.width  = 1024;
canvas.height = 768;
ctx.drawImage(img, 0, 0);
...

Answer 1

Я решил эту проблему, изменив размеры при загрузке DOM, как показано в коде ниже

window.onload  =  function()  {
canvas.width  = 1024;
canvas.height = 768;

var img = new Image();
img.onload = function() {
    ctx.drawImage(img, 0, 0, 300, 300);
};
img.src = "./same_image.jpg";
// ...
};

, но, когда я пытаюсь нарисовать изображение SVG, не работает.

window.onload  =  function()  {
canvas.width  = 1024;
canvas.height = 768;

var img = new Image();
img.onload = function() {
    ctx.drawImage(img, 0, 0, 300, 300);
};
img.src = "./same_image.svg";
// ...
};