如何制作截图 - html2canvas替代阅读css转换属性

Question

我有2张图片 - 一张背景和一张我放入背景的图片。我想将这两个图像合并到一个相同的位置。第二张图像应旋转并调整大小。

像html2canvas这样的东西但是我需要使用另一种方法，因为html2canvas没有读取css变换。

我目前的代码是：

＆＃13;

＆＃13;

 $(document).ready(function(){
   $('body').on('click', '.add-bomb', function(){
                var src = $(this).attr('src');
                $( ".bomb-overlay-holder" ).html('<img id="bomb-overlay">');
                $('.bomb-overlay-holder > img').attr('src',src);
                $( ".bomb-overlay-holder" ).draggable({ containment: ".background-bomb" });
                $( "#bomb-overlay" ).resizable({autoHide: true,containment: ".background-bomb"});
               
                $( "#bomb-overlay" ).parent().rotatable();
   });
});

＆＃13;

<div class="background-image-holder" id="background-image-holder">
                        <img src="<?php echo $bg_path;?>" class="background-bomb">
                        <span class="bomb-overlay-holder">
                        </span>
                    </div>

＆＃13;

＆＃13;

＆＃13;

我正在使用html2canvas制作类似图片的屏幕截图：

＆＃13;

＆＃13;

html2canvas($("#background-image-holder") , {
      onrendered: function(canvas) {
                 var dataURL = canvas.toDataURL("image/png");
       }
  }

＆＃13;

＆＃13;

＆＃13;