没有任何扩展库,是否可以在同一个canvas元素中有多个图层?
所以,如果我在顶层执行clearRect,它将不会删除底层?
谢谢.
我想使用asp.net将多个画布保存到一个图像中.我试着用两幅画布,但它没有保存.
帆布:
<div style="position:relative; width:456px; padding:0px; margin:0px;">
<canvas id="boardcanvas" width="456" height="480" style="position: absolute; left: 0; top: -220px; z-index: 0;"></canvas>
<canvas id="layer2" width="456" height="480" style="position: absolute;left: 0; top:-220px; z-index: 1;"></canvas>
</div>
<input type="button" id="btnSave" style="width:150px ; text-align:center;height:30px" name="btnSave" value="Save as Image!" />
Run Code Online (Sandbox Code Playgroud)
jQuery的:
<script type="text/javascript">
// Send the canvas image to the server.
$(function () {
$("#btnSave").click(function () {
can1 = document.getElementById("broadcanvas");
ctx1 = can1.getContext("2d");
var coll = document.getElementById("layer2");
ctx1.drawImage(coll, 0, 0);
var image = can1.toDataURL("image/png");
alert(image);
image = image.replace('data:image/png;base64,', ''); …
Run Code Online (Sandbox Code Playgroud)