Javascript 使用画布绘制图像时角度不正确

我想裁剪一段视频，在用户点击后播放。但我犯了以下错误：

错误DOMEException:未能对“HTMLCanvasElement”执行“toDataURL”：可能无法导出受污染的画布

已经有人问过类似的问题，但他们并没有解决我的问题

模板

<div>
  <video src="url" #myvideo> </video>
  <div class="my-div" (click)="clickBox()" #divPos></div>
<div>

---

我终于找到了出路。我需要做两件事：

• 流媒体服务器应启用CORS:

  访问控制允许源站

• 为了解决受污染的画布服务器端，我将视频标记更改为以下
  尝试在组件函数

  clickVideo（）

  中设置视频标记可能无法正常工作，因为客户端需要在加载视频之前跟踪该信息

---

抱歉，前面回答了错误的问题。你是在本地驱动器上测试这个吗？使用file://协议？为什么指从本地驱动器进行测试？因为我的视频是从服务器获取的，我想从该视频中拍照。所以我没有使用驱动器中的任何东西，因为这是导致“污染”错误的原因之一。您提到错误出现在“context.drawImage”行上，但是错误“未能在“htmlcanvaseElement”上执行“toDataURL”，这意味着它出现在“let data=canvas.toDataURL（'image/png'）；”线路。到底是哪一个？正如错误消息所述，由于

toDataURL

@StevePadmore；这就是导致错误的那条线，我正要问这是否是CORS的问题。很高兴你找到了解决办法。