1. 將html轉換成canvas
如果頁面中包含了跨域的圖片(不是在當前域名下的圖片資源)html2canvas是無法處理跨域圖片，導致生成出來的做盯唯頭像為空。
在框架中設置參數，允許則褲處理跨域純培圖片。
2. vue.js不使用手腳架如何跨域請求介面
這個問題問的很不世灶談明確，搜碰只能進行猜測。
跨域的問題，對於老手而言，不是問題，那麼我猜你應該是本地開發遇見了問題，因為在本地瀏覽器的開發可能辯亮會因為瀏覽器的安全策略遇見跨域問題。
最簡單的方法去把對應的包下載下來本地調用，你可以直接去官網或者是 GitHub 上下載。
如果是 Chrome 瀏覽器解除跨域限制的話：
先新建一個目錄，例如：C:MyChromeDevUserData
再新建一個 chrome 瀏覽器的快捷方式，推薦取名為「chrome-debug」作為區分，右擊它然後在屬性頁面中的目標輸入框里加上 --disable-web-security --user-data-dir=C:MyChromeDevUserData，這里--user-data-dir 的值就是剛才新建的目錄。
點擊應用和確定後關閉屬性頁面，並打開chrome瀏覽器。再次打開chrome，發現有「--disable-web-security」相關的提示，說明chrome又能正常跨域工作了。
跨域成功後，而稍微想一想，C:MyChromeDevUserData其實就是新建一個新的用戶目錄，然後你使用這個解除了安全限制的新用戶去進行開發，但注意不要用來上網。
如果是 Firefox 瀏覽器解除跨域限制的話：
地址欄輸入 about:config
將 security.fileuri.strict_origin_policy 改為 false
將 security.mixed_content.block_active_content 改為 false
註：瀏覽器可能會對自己的安全策略升級，我只能保證第一種和第二種方法都是近期可用的。
其次，比較小的可能是想知道如何進行跨域，這種方法就超多，而且寫太長也不好，我只推薦你自己去 MDN 網上面去搜索「跨域」。
3. vue移動端項目中 我需要點擊按鈕保存一張圖片，測試中pc端是可以的， 移動端保存不了
可能和a標簽的download屬性兼容性有關系，對於不支持的瀏覽器晌掘可宴胡核以引做絕導用戶以右鍵另存為或長按保存的方式下載
4. <a>標簽怎麼實現跨域下載
依據題主的描述，既然可以把上傳的文件放到別的目錄下，那麼就不應該在A標簽上下功夫，而是要在上傳程序上做努力。
既然可以上傳御困到別的位置，那麼說明，題主現有程序已經臘埋實現了上傳的功能，那麼現在要做的就是輪拆螞寫一個程序根據上傳文件的標識來訪問特定的文件，A標簽只不過是訪問這個程序的一個手段。
比如點擊鏈接下載id為1的文件，那麼這個程序通過id在硬碟里找到id為1的文件，並且把他復制到web目錄到緩存目錄，然後返回這個臨時目錄到url地址給客戶端。
5. 此計算機上的安全設置禁止訪問其它域的數據源，怎麼解決
具體解決處理方法如下：
1、打開電子口岸登陸頁，復制頁面地址
2、打開IE [工具]--- [Internet 選項]
3、進入[安全]選項
操作：依次選擇【安全】---【可信站點】--【站點】。確保「對該區域中所有xxxxx」中的鉤選項為空。
4、將電子口岸網站添加至可信站點
操作：將（1）中復制的頁面地址，粘貼衫好至此處（IE可能會自動跳出地址）點【添加】按鈕後，【關閉】--【確認】上述操作。
5、調整IE對於「受信任站點」區域的安全設置
操作：重復（2）進入INTERNET選項。依次選擇【安全】【或物鉛可信站點】【自定義級別】
6、 配置受信任站點區域安全設置
操作：【ACTIVEX 控制項和插件】組螞消，建議全部設置為「啟用」狀態。【其他】部分，除了「使用彈出窗口阻止程序」以外，也建議全部啟用。
7、確定設置改動
完成上述操作後，「此計算機上的安全設置禁止訪問其它域的數據源」應不再出現，但如果出現其他錯誤信息，則應參考其他處理辦法。
6. 為什麼圖片下載圖片ardownload
download是a標簽html5的新屬性，可以點擊下載文件，初次使用，經常會出現無法點擊的情況，可能有以下原因，排除下：
必須圓昌穗設置href屬性，download才起作用；
download屬性是文件名，href屬性，指向的是要下載的文件；
href的指向需要同源，跨域下載不迅攔下來，當然可以通過其他方案，比如把圖片傳橘卜到自己後台，再返回同源的路徑。
7. fetch 跨域該怎麼寫
[分為下面兩種情況]
1. 如果伺服器支持 CORS, 則在客戶端設置相應的 `Access-Control-Allow-Origin` 即可得到數據。
let myHeaders = new Headers({
'Access-Control-Allow-Origin': '*',
'Content-Type': 'text/plain'
});
fetch(url, {
method: 'GET',
headers: myHeaders,
mode: 'cors'
}) .then((res) => {
// TODO
})
服務端是否支持可以問下後端同事，如果是自己承擔後端編碼，則可以直接自己設置，比如如果是 PHPer, header 一下響應頭即可。
header("Access-Control-Allow-Origin: *");
2. 如果伺服器不支持 CORS， 則不用使用 Fetch Api 了。
`Fetch Api` 必須後台支持 `CORS`,。咱們可以試下，如果你設置了 `{mode: ' cors '}`(一般用於請求API)，就會報錯告訴你你正嘩碰請求的伺服器不支持 `CORS`。大概會報下面的錯誤：
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
如果設置成 `{mode: ' no-cors '}` (一般用於請求圖片等靜態資源), 雖然不蘆棗會報舉談錯，但是結果會 返回被標記了為 `opaque` 的數據，表明你沒有許可權訪問。
這種情況下可以使用 JSONP。
8. 通過js保存圖片到本地中遇到的跨域問題
<html>
<metahttp-equiv="X-UA-Compatible"content="chrome=1">
<head>
<script>
window.onload=function(){
draw();
核族 varsaveButton=document.getElementById("saveImageBtn");
bindButtonEvent(saveButton,"click",saveImageInfo);
vardlButton=document.getElementById("downloadImageBtn");
bindButtonEvent(dlButton,"click",saveAsLocalImage);
};
functiondraw(){
varcanvas=document.getElementById("thecanvas");
varctx=canvas.getContext("2d");
ctx.fillStyle="rgba(125,46,138,0.5)";
ctx.fillRect(25,25,100,100);
ctx.fillStyle="rgba(0,146,38,0.5)";
ctx.fillRect(58,74,125,100);
ctx.fillStyle="rgba(0,0,0,1)";//blackcolor
ctx.fillText("Gloomyfish-Demo",50,50);
}
functionbindButtonEvent(element,type,handler)
{
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else{
element.attachEvent('on'+type,handler);
讓氏銷 }
}
坦游
functionsaveImageInfo()
{
varmycanvas=document.getElementById("thecanvas");
varimage=mycanvas.toDataURL("image/png");
varw=window.open('about:blank','imagefromcanvas');
w.document.write("<imgsrc='"+image+"'alt='fromcanvas'/>");
}
functionsaveAsLocalImage(){
varmyCanvas=document.getElementById("thecanvas");
//tion.
//varimage=myCanvas.toDataURL("image/png").replace("image/png","image/octet-stream;Content-Disposition:attachment;filename=foobar.png");
varimage=myCanvas.toDataURL("image/png").replace("image/png","image/octet-stream");
window.location.href=image;//itwillsavelocally
}
</script>
</head>
<bodybgcolor="#E6E6FA">
<div>
<canvaswidth=200height=200id="thecanvas"></canvas>
<buttonid="saveImageBtn">SaveImage</button>
<buttonid="downloadImageBtn">DownloadImage</button>
</div>
</body>
</html>
好像這個可以 不錯 你試一試吧 把下載下來的文件 重命名 為 圖片格式 就可以預覽啦
9. chrome mac 怎麼跨域
工具
老版本的chrome瀏覽器；
新版本的chrome瀏覽器；
說明
新版本的chrome瀏覽器提高了跨域設置的門檻，原來的方法不再適用，分為兩部分介紹一下老、新版本chrome的跨域設置方法。
老版本設置步驟
下載並安裝好chorme瀏覽器後在桌面春此找到瀏覽器銷皮快捷圖標並點擊滑鼠右鍵的屬性一欄。
10. 出現「crossdomain access denied」 怎麼解決
視頻播放站點缺少crossdomain.xml文件配置允許跨域，給你的視頻站點加個crossdomain.xml文悶殲件配置允許跨域即可。