相关疑难解决方法(0)

html5 - canvas元素 - 多个图层

没有任何扩展库,是否可以在同一个canvas元素中有多个图层?

所以,如果我在顶层执行clearRect,它将不会删除底层?

谢谢.

html5 canvas layer

167
推荐指数
5
解决办法
18万
查看次数

如何将多个画布保存到一个图像中

我想使用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)

javascript asp.net jquery html5-canvas

14
推荐指数
1
解决办法
6929
查看次数

标签 统计

asp.net ×1

canvas ×1

html5 ×1

html5-canvas ×1

javascript ×1

jquery ×1

layer ×1