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