Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

toDataURLはHTMLでUncaughtSecurity例外をスローします

Uncaught Security Exceptionを解決するには、 crossoriginを追加する必要があります 属性：

<img id = "myid" crossorigin = "anonymous" src="https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2">

function getBase64() {
   var myImg = document.getElementById("myid");
   var c = document.createElement("canvas");

   c.width = myImg.width;
   c.height = myImg.width;

   var context = c.getContext("2d");
   context.drawImage(img, 0, 0);

   var dataURL = c.toDataURL("image/png");
   alert(dataURL.replace(/^data:image\/(png|jpg);base64,/, ""));
}
getBase64();

  1. JavaScript JSON HTML

    JSONデータを使用してHTMLを生成するためのコードは、次のとおりです- 注 − JSONPlaceholderは、テストとプロトタイピングのための偽のオンラインRESTAPIです 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g

  2. JavaScriptでIDで要素を削除しますか？

    IDで要素を削除するには、remove（）を使用できます。 例 以下はコードです- <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>D