当前位置: 首页 > news >正文

承德微网站建设飞色网站商城怎么做

承德微网站建设,飞色网站商城怎么做,制作网站的软件叫什么,wordpress shopping问题原因#xff1a; toDataURL方法存在跨域限制#xff0c;如果执行时dom内含有跨域的图片则浏览器执行时会报错。 这个根据不同的系统有不同的表现#xff0c;例如#xff1a;生成完毕但控制台有warning类型的警告#xff0c;或者直接异常报error。 解决思路#xff…问题原因 toDataURL方法存在跨域限制如果执行时dom内含有跨域的图片则浏览器执行时会报错。 这个根据不同的系统有不同的表现例如生成完毕但控制台有warning类型的警告或者直接异常报error。 解决思路 解决图片的跨域问题需要前后的配合进行测试进行时发现服务端是支持CORS跨域的因此在前端设置下img的CORS属性即可如果设置后不生效的话需要考虑下是不是由于请求资源都会在CDN服务器中缓存所以设置后会存在不生效的情况。此情况在图片地址后追加时间戳绕过CDN直接请求服务器即可。由于项目开发情况复杂在头部进行统一设置就不用考虑插件差异的情况了 解决方案 资源服务器给图片设置cors请求头允许跨域请求前端设置图片的crossOrigin属性为anonymous来允许跨域并且在图片后缀添加时间戳防止请求CDN缓存资源 完整示例代码如下 !DOCTYPE html html langzhheadmeta charsetUTF-8titleDocument/titlescript srchttps://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.min.js/scriptscript$(document).ready(function () {var imgs $(img);for (var i 0; i imgs.length; i) {imgs[i].crossOrigin Anonymousimgs[i].src imgs[i].src ? (new Date());}})/script /headbody原图注意观察图片追加的时间戳与属性img idtest src自行替换 althr生成: /bodyscriptfunction convertImageToCanvas(image) {var canvas document.createElement(canvas);canvas.width image.width;canvas.height image.height;canvas.getContext(2d).drawImage(image, 0, 0);return canvas;}function convertCanvasToImage(canvas) {var image new Image();image.src canvas.toDataURL(image/png);return image;}function draw(img) {var cs convertImageToCanvas(img);var image convertCanvasToImage(cs);document.body.appendChild(image);}window.onload function () {var img document.getElementById(test);img.onload draw(img);} /script /html
http://www.dnsts.com.cn/news/32610.html

相关文章:

  • 哈尔滨门户网站制作哪家好刷赞网站推广qq免费
  • 兼职做设计的网站怎么搭建自己的网站后台
  • 佛山网站建设及优化公司网站建设咨询话术
  • 作品展示网站 源码产品如何做网络推广
  • 免费简单门户网站开发郑州网站优化费用
  • 网站做302重定向网站开发招聘需要
  • 网站营销方案设计公司北京公司注册中介正规
  • 做网站带来好处给人做ppt的网站
  • 同城信息商家的网站开发网站打开是404错误代码
  • 建设门户网站都需要什么意思建设网站能赚钱
  • e盒印网站开发寒亭营销型网站建设
  • 重庆市交通建设工会网站四川网站建设开发
  • 网站开发完要怎么部署网站哪里有
  • 网站建设需要用到的技术标书制作收费
  • 创可贴网页设计网站网站设计风格化
  • 怎么利用个人网站营销型网站建设遨龙
  • 郑州专业网站制作建设杭州网站建设开发
  • 网站维护一般要几天游戏网站域名
  • 四川专门做招聘酒的网站农业网站平台建设方案
  • 免费网站模板带后台下载asp.net动态的网站开发
  • 新手如何建站旅游网站建设策划
  • 伍佰亿官方网站怎么盗用网站
  • 网站搜索引擎优化鹤壁哪有做网站的
  • 企业做网站的费用如何科目随州网站
  • 郑州北环附近网站建设南昌抖音推广公司
  • 好的做外贸的网站有哪些wordpress主题 视频
  • 用html5做的音乐网站网站开发好就业吗
  • 锡林浩特网站建设开发网站开发 放大图片
  • 长沙出名的网站设计推广龙华网站建设哪家好
  • 什么是网站开发中的分页网站用户体验优化方案