您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

有什么方法可以克隆HTML5 canvas元素及其内容?

有什么方法可以克隆HTML5 canvas元素及其内容?

实际上,复制画布数据的正确方法是将旧画布传递到新的空白画布。试试这个功能

function cloneCanvas(oldCanvas) {

    //create a new canvas
    var newCanvas = document.createElement('canvas');
    var context = newCanvas.getContext('2d');

    //set dimensions
    newCanvas.width = oldCanvas.width;
    newCanvas.height = oldCanvas.height;

    //apply the old canvas to the new one
    context.drawImage(oldCanvas, 0, 0);

    //return the new canvas
    return newCanvas;
}

使用getImageData用于像素数据访问,而不用于复制画布。使用它进行复制非常缓慢,并且很难在浏览器上进行。应该避免。

其他 2022/1/1 18:22:28 有440人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶