0

私はjavascriptとコーディングhtmlに不慣れです。私はサイドプロジェクトに取り組んでいて、行き詰まっています。画像を含むhtmlファイル（file1と呼びましょう）があり、file2という別のhtmlファイルでfile1をレンダリングしたいと思います。レンダリングとは、file1に含まれる画像をfile2に表示することを意味します。dataURIの使用などを調べて見つけ、それについて多くのことを読みましたが、機能しませんでした。file1をbase64にエンコードし、次のようにページに挿入するエンコーダーをオンラインで見つけました。

<img src="data:text/html;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHRpdGxlPk1hdGhKYXggTGF0ZXggRGlzcGxheSBUZXN0IFBhZ2U8L3RpdGxlPgoKPHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiIHNyYz0iaHR0cHM6Ly9jMzI4NzQwLnNzbC5jZjEucmFja2Nkbi5jb20vbWF0aGpheC9sYXRlc3QvTWF0aEpheC5qcz9jb25maWc9VGVYLUFNUy1NTUxfU1ZHIj4KPC9zY3JpcHQ+CjwvaGVhZD4KPGJvZHk+ClxbKHRhbih4KSoyeCszKV4yICogXGludCAoeCkgZHhcXQoKPC9ib2R5Pgo8L2h0bWw+Cg==" width="400" height="100" alt="Slide 2">

それはうまくいきませんでした、そして私は理由がわかりません。誰かがこれに対する解決策を知っていますか？

4

2 に答える 2

1

sachleenが言ったように、base64は画像ではなくHTMLページにデコードします。また、そのHTMLページにはビットマップ画像が含まれていません（<img>タグはjpg、png、gifなどのビットマップ画像でのみ機能します。Webページが画像になることはありません）。

<!DOCTYPE html>
<html>
<head>
<title>MathJax Latex Display Test Page</title>

<script type="text/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG">
</script>
</head>
<body>
\[(tan(x)*2x+3)^2 * \int (x) dx\]

</body>
</html>

これは、SVG（ベクター）画像を生成するJavaScriptコードです。<script>同じタグを他のファイル、内部<head>、および必要に応じて本文に追加します。file1で機能するため、file2でも機能するはずです。

于 2012-10-22T01:10:36.920 に答える
-2

これの問題は何ですか（file2内）

  1. require(file1)
  2. preg_match($pattern, $file1, $result)
  3. <img src="$result" />
于 2012-10-22T01:34:50.607 に答える