javascript - iframe 内的画布不能从父级使用
问题描述
如何在来自父级和同一来源的沙盒 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 内。
解决方案
推荐阅读
- flutter - 如何在颤动中显示圆形进度指示器和底片?
- java - 在 Java 中打印圣诞树任务会使用完全相同的代码打印两个不同的结果
- google-sheets - 单元格值是否在其他选项卡上?
- c++ - 创建具有可变维数的 C++ 向量
- android - 为什么 adb shell 被杀
不杀死进程? - javascript - 有没有办法避免生成重复条目?
- javascript - 如何找到 JavaScript 数组中所有元素的 10% 折扣
- python - 如何使用 python 调试 VSCode 上的 Google Code Jam 交互问题?
- laravel - 无法运行 composer 安装 laravel 7
- tpl-dataflow - 期望捕获一个聚合异常