Question

我有一个HTML文件。我想将某个div捕获为图像。

例如，

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset='utf-8'>
    		<title>Capture Image</title>
    		<style>
    			.first {
    				background-color: green;
    			}
    
    			.second {
    				background-color: blue;
    			}
    		</style>
    	</head>
    	<body>
    		<div class='first' style='width: 100px;'>
    			This is first
    		</div>
    		<div class='second' style='width: 200px;'>
    			And this is second
    		</div>
    	</body>
    </html>

当我使用jQuery访问时，我可以获得css和内容（使用selector + css，selector + text（）/ val（））。然而，我想要的是将某个div存储为图像。

==＆GT;总而言之，我想只将.first部分作为图像。

我知道如果我使用canvas元素，我可以存储为字节流。但是这次我不能使用画布。

我有什么方法可以将这些数据存储为图像吗？

- P.S

有关其他信息，实际上，我正在尝试存储jsPlumb流程图。 Web中有一些样本可以通过JSON存储和加载。但是我必须在不同页面中加载某些图表，存储为图像可能是更好的方法。谢谢你的精彩回答：D

如何从HTML标签生成图像？

0 个答案: