|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
</style>
|
|
|
|
<style id="style"></style>
|
|
|
|
<div>
|
|
<h1>DOM node</h1>
|
|
<div id="dom-node"></div>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>rendered image</h1>
|
|
<canvas id="canvas"></canvas>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>control image</h1>
|
|
<img id="control-image">
|
|
</div>
|