Html 隐藏div到img，带有剑道用户界面

我正在尝试使用kendo.drawing.drawDOM从div内容创建图像。 当我运行它时，div中的所有元素都混乱了， 以下是我使用bootsrap的html代码：

<div id="mytryapp" name="mytryapp" data-ng-init="init()" class="buttonprint content-wrapper ">
    <style>
        * {
            font-family: "Open Sans Hebrew", Alef !important;
        }
    </style>
    <div class="clearfix">
        <div ng-show="userNum!=null" class="inputfieldwrapper buttonprint right col-sm-6  col-sm-push-6   horizontalinputfieldwrapper ">
            <label id="userNumLbl" for="disForUserNum" class="font-bold col-lg-4 col-lg-push-7 col-md-10 col-md-push-2 col-xs-push-8" ng-bind="'מספר משלם:'"></label>
            <div class="inputContainer col-lg-7 col-lg-pull-4 col-sm-7 col-sm-pull-5 col-xs-pull-0 col-xs-pull-1 col-xs-3">
                <label ng-model="userNum" class="col-lg-6 col-lg-push-5 col-md-5 col-md-push-7 col-xs-push-8 ng-binding ng-pristine ng-valid" ng-bind="userNum"></label>
            </div>
        </div>
        <div class="inputfieldwrapper buttonprint right col-sm-6   col-sm-pull-6    horizontalinputfieldwrapper">
            <label id="userNumTax" class="font-bold col-sm-4 col-sm-push-8 col-xs-push-8" for="disForUserNumTax" ng-bind="'מספר נכס:'" ></label>
            <div class="inputContainer col-lg-7 col-lg-pull-4 col-sm-7 col-sm-pull-5  col-xs-pull-0 col-xs-pull-1 col-xs-3">
                <label ng-model="userNumTax" class="col-lg-6 col-lg-push-7 col-md-5 col-md-push-7 col-xs-push-8" ng-bind="userNumTax"></label>
            </div>
        </div>
    </div>
    <div class="clearfix">
        <div class="inputfieldwrapper buttonprint right col-sm-6  col-sm-push-6   horizontalinputfieldwrapper ">
            <label id="userEmail" for="disForUserEmail" class="font-bold col-lg-4 col-lg-push-7 col-md-10 col-md-push-2 col-xs-push-8" ng-bind="'דואר אלקטרוני:'"></label>
            <div class="inputContainer col-lg-7 col-lg-pull-4 col-sm-7 col-sm-pull-5 col-xs-pull-0 col-xs-pull-1 col-xs-3">
                <label ng-model="userEmail" class="col-lg-6 col-lg-push-5 col-md-5 col-md-push-7 col-xs-push-8" ng-bind="userEmail"></label>
            </div>
        </div>
        <div  class="inputfieldwrapper buttonprint right col-sm-6   col-sm-pull-6    horizontalinputfieldwrapper">
            <label id="cellUserlbl" for="cellUsertxt" class="font-bold col-sm-4 col-sm-push-8 col-xs-push-8" ng-bind="'טלפון נייד:'"></label>
            <div class="inputContainer col-lg-7 col-lg-pull-4 col-sm-7 col-sm-pull-5  col-xs-pull-0 col-xs-pull-1 col-xs-3" >
                <label class="col-lg-6 col-lg-push-7 col-md-5 col-md-push-7 col-xs-push-8 " ng-model="tel" ng-bind="lDetailsUser[2].data" ></label>
            </div>
        </div>
</div>
</div>

* {
字体系列：“开放无希伯来语”，Alef！重要；
}

以下是浏览器中的显示：

这是图像：

有人知道我如何解决这个问题吗？ 也许剑道不支持引导练习

非常感谢你