尝试使用AR.JS显示jpeg图像，并且仅当单击按钮时才显示

<button id="showButton">显示AR图像</button>
<div id="arContainer"></div>

<script src="https://cdn.jsdelivr.net/npm/ar.js@2.3.0"></script>
<script src="https://cdn.jsdelivr.net/npm/aframe@1.2.0"></script>

document.getElementById('showButton').addEventListener('click', function() {
  // 创建AR场景
  var scene = document.createElement('a-scene');
  scene.setAttribute('embedded', true);

  // 创建AR图像
  var image = document.createElement('a-image');
  image.setAttribute('src', 'path/to/your/jpeg/image.jpg');
  image.setAttribute('position', '0 0 -1');
  image.setAttribute('scale', '1 1 1');

  // 将AR图像添加到场景中
  scene.appendChild(image);

  // 将场景添加到AR容器中
  document.getElementById('arContainer').appendChild(scene);
});