Question

对于面部识别，我使用trackingjs在面部位置的图像上绘制div。

我想使用javascript / jquery存储div及其底层html元素（特别是图像）的内容（base64）。

<div class="demo-frame">
    <div class="demo-container">
        <img id="picture" src="http://domain/assets/example/img/example_photo.jpg">
        <div id="crop-image" class="rect" style="width: 107px; height: 107px; left: 704px; top: 135px;"></div>
    </div>
</div>

可以通过jquery / javascript完成吗？

Answer 1

如果您需要将内容复制到页面的另一部分，可以在JQuery中使用clone函数。

  $(function(){
    var $copy = $('.demo-frame').clone();
    $('#copyto').html($copy);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<div class="demo-frame">
    <div class="demo-container">
        <img id="picture" src="http://domain/assets/example/img/example_photo.jpg">
        <div id="crop-image" class="rect" style="width: 107px; height: 107px; left: 704px; top: 135px;"></div>
    </div>
</div>
<div id="copyto"></div>

将div和底层内容复制到图像

1 个答案: