绘制DOM元素
的剑道UI绘图库支持将现有页面或部分页面转换为绘图原语。
这种方法允许您进一步处理内容，并将其导出为各种格式，如可移植文档格式(PDF)、可缩放矢量图形(SVG)和可移植网络图形(PNG)。
绘制DOM元素是jQuery的剑道UI，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。
开始
通过使用drawing.drawDOM函数，您可以将DOM元素绘制到绘画。集团然后你可以用一个支持的后端渲染成SVG、PDF或HTML5<帆布>格式。
DOM元素必须附加到文档并完全呈现，这意味着不能绘制具有显示:没有或者是可见性:隐藏选项。
下面的示例演示了页面上的一个HTML示例片段。
…更多HTML代码在这里…< / div >
下面的示例演示了如何从JavaScript绘制上一个示例中的HTML。的drawing.drawDOM方法接受一个jQuery选择器或对象，或一个普通的DOM节点，并返回一个promise绘画。集团对象。
draw . drawdom ("#drawMe").then(function(group){//这里的group是一个图形。组对象。//例如，您现在可以将其绘制到SVG。var svg = drawing.Surface.create($(“#容器”)，{type:“svg”});svg.draw(集团);//也可以保存为PDF格式。//可选:group.options。Set ("pdf"，{…pdf options…});drawing.pdf。saveAs(group， "filename.pdf"， proxyUrl);})；
另请参阅