Блог

Главная - Вопросы по программированию - Холст внутри iframe не может быть использован из родительского

Холст внутри iframe не может быть использован из родительского

#javascript

Вопрос:

Как я могу использовать холст внутри изолированного iframe от родителя и из того же источника. Например:

HTML:

 <iframe id="myIframe" sandbox="allow-forms allow-same-origin" srcDoc='<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;display: block"></canvas>'

JS:

 var iframeDocument = document.getElementById("myIframe").contentDocument

var c = iframeDocument.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();

Приведенный выше код просто не будет работать, но код работает на обычном холсте, а не внутри iframe.

Комментарии:

1. Определен ли вообще iframeDocument? Я думаю, что вы должны получить доступ к нему через window.frames, а не через элемент DOM. Хотя не уверен. Я даже не собираюсь спрашивать, почему вы хотите использовать для этого iframe, я уверен, что у вас есть какая-то причина 😀

Метки: