是否可以使用jquery将我的网页转换为图像？

我已尝试将我的网页转换为图像

• 首先，我尝试使用HTML2CanvasJS，但它不支持我的下拉列表

  html2canvas(document.body, {
    onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
  });
  

• 然后我提到了这个链接：

现在我有点困惑，因为是否有可能用我的样式替换网页的html

var data = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' +
 '<foreignObject width="100%" height="100%">' +
 '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:40px">' +
 '<em>I</em> like ' +
 '<span style="color:white; text-shadow:0 0 2px blue;">' +
 '<select><option>1</option><option>1</option><option>1</option><option>1</option></select>'+
 'cheese</span>' +
 '</div>' +
 '</foreignObject>' +
 '</svg>';

var数据=“”+
'' +
'' +
“我喜欢”+
'' +
'1111'+
“奶酪”+
'' +
'' +
'';

---

如何解析我的网页html以创建这样的svg图像。

是。使用

.innerHTML

以文本形式获取页面的HTML，并将其放入

中，如教程中所述：

var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
var数据=“”+
'' +
document.querySelector（'div'）.parentNode.innerHTML+
'' +
'';
var DOMURL=window.URL | | window.webkitURL | | window；
var img=新图像（）；
var svg=新的Blob（[data]{
键入：“image/svg+xml；charset=utf-8”
});
var url=DOMURL.createObjectURL（svg）；
img.onload=函数（）{
ctx.drawImage（img，0,0）；
revokeObjectURL（url）；
}
img.src=url

我喜欢
奶酪
您的问题不清楚。请重新措辞。可能是副本