//重点是transform-origin这个属性，默认作用的重心是元素正中间，需要设置为如下 transform: rotate(0deg);//向右延长 transform-origin: 0% 0%; transform: rotate(180deg);//向左延长，仅仅只改变角度即可 transform-origin: 0% 0%; 直接案例：demo  

关键还是要通过canvas对象的toDataURL方法去实现 <div id="showme"></div> let imgSrc = "https://cdnpw.chinaesport.com/kdhxoi/storage/emulated/0/tencent/MicroMsg/WeiXin/mmexport1592366797764.webp"; //width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小 function getBase64Image(img, width, height) { var canvas = document.createElement("canvas"); canvas.width = width ? width : img.width; canvas.height = height ? height : img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, canvas.width, canvas.height); var dataURL = canvas.toDataURL(); return dataURL; //返回base64 } functi...

function test(url){ var str=undefined; var img =new Image() img.src=url img.onload=function(){ str=img } return str } 事实上test()直接就返回了undefined，说明onload要等待img资源都加再完成了才能执行，不能保证同步执行   解决方法一： 基于jQuery兼容性好 function test(url){ var img =new Image(); img.title='xxxx'; img.src=url; var deferred = $.Deferred(); img.onload=function () { deferred.resolve(img); } return deferred.promise(); } //图片地址加载有延迟 test('http://lorempixel.com/100/100?0.6412381180562079').then((res)=>{ console.log(res) //<img title="xxxx" src="http://lorempixel.com...

输入chcp 936回车即可解决 但每次启动cmd都会重置，所以要修改注册表直接在win+R窗口处粘贴以下代码直接运行 reg add HKEY_CURRENT_USER\Console\%"SystemRoot"%_system32_cmd.exe /v CodePage /t REG_DWORD /d 936 /f

  解决方法： 需要将字体文件统一转化成base64 进入网站：https://transfonter.org/ 按照步骤操作即可。 最后得到： https://blog.csdn.net/xllily_11/article/details/54585199     Apache服务器解决方法（在conf、或者.htaccess 添加均可） <FilesMatch "\.(ttf|otf|eot|woff|woff2)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> 注意： LoadModule headers_module modules/mod_headers.so 这个模块一定要存在且加载成功的 如果以上模块不加载，单纯的配置 Header 将会报错，亲测踩坑，网上查的很多资料，都没有提及这个模块。 Header set Access-Control-Allow-Origin "*" 注意：线上操作一定要先备份...