当前位置:首页 » 《资源分享》 » 正文

html2canvas截图oss图片防跨域

11 人参与  2024年10月14日 16:00  分类 : 《资源分享》  评论

点击全文阅读


报错示例

项目有个页面要有截图功能,但是直接复制阿里云oss图片链接如下
在这里插入图片描述
能正常在页面显示,但是截图时会报出oss的跨域错误,如下截图代码::

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Cross-Origin Screenshot Example</title>  <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>  <style>    #screenshot-area {           width: 300px;      padding: 20px;      border: 1px solid #000;      text-align: center;    }    img {           width: 100%;    }  </style></head><body><div id="screenshot-area">  <h2>Example Content</h2>  <img src="https://vite-press.oss-cn-beijing.aliyuncs.com/htmlAndCss/33e0423a3da34fbcadc005958269d7be.png" alt="Placeholder Image"/></div><button id

点击全文阅读


本文链接:http://zhangshiyu.com/post/171749.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1