Question

我有一些图像，我需要通过pptxgenjs将这些图像导出到不同的幻灯片/每个图像中。在这里，我可以从本地url打印单个图像，但如何从div内容导出。这是下面的代码，我在这里https://plnkr.co/edit/0dGo3qvG8OvNrlVjFmZb?p=preview

也已将其更新为演示

function doDemo() {
  var pptx = new PptxGenJS();
  var slide = pptx.addNewSlide();
  slide.addImage({
    path: 'https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg',
    x: 1,
    y: 1,
    w: 8.0,
    h: 4.0
  });
  pptx.save('Demo-Images');
}

.myimage img {
  width: 25%;
  float: left;
  height: 200px;
  margin-right: 20px;
}

.btntn {
  display: block;
  clear: both;
  margin-top: 10px;
}

<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/dist/pptxgen.bundle.js"></script>

<!-- Individual files: Add only what's needed to avoid clobbering loaded libraries -->
<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/libs/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/libs/jszip.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/gitbrent/pptxgenjs@2.5.0/dist/pptxgen.min.js"></script>
<div id="main">
  <div id="myimage1" class="myimage"><img src="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" /></div>
  <div id="myimage2" class="myimage"><img src="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" /></div>
  <div id="myimage3" class="myimage"><img src="https://upload.wikimedia.org/wikipedia/en/a/a9/Example.jpg" /></div>
</div>
<br>
<div class="btntn"><button type="button" class="btn btn-success my-4 w-50" onclick="doDemo()">Generate Demo PowerPoint</button></div>

如何通过javascript中的PPTXGENJS插件将图像数导出到ppt

0 个答案: