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

HTMLファイルをキャンバスにロードする方法は？

このために、SVG要素を使用できます。例を見てみましょう：

<svg xmlns = "https://www.w3.org/2000/svg">
<foreignObject x = "0" y = "0" height = "500" width = "500">
   <body xmlns = "https://www.w3.org/1999/xhtml">
      <p>DEMO</p>
      <input type = "date"/>
   </body>
</foreignObject>
</svg>

  1. JavaScriptファイルを動的にロードする方法は？

    以下は、JavaScriptファイルを動的にロードするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nb

  2. HTML5キャンバスにSVGファイルを描画する方法は？

    SVGをキャンバスに描画するには、SVG画像を使用する必要があります。まず、HTMLを含む要素を使用します。その後、SVG画像をキャンバスに描画する必要があります。 例 次のコードを試して、HTMLキャンバスにSVGファイルを描画できます <!DOCTYPE html> <html>    <head>       <title>SVG file on HTML Canvas </title>    </head>    <