撤销与重做

diy.js作为一个业务级图形库，自带了较为完善的图形导出相关功能。

介绍

diy.js提供了一些图形导出相关的基础API：

/* 获取被激活的图形 */
const shape = stage.getActive();

/* 按照当前显示大小放大1.5倍导出图形为Blob对象 */
shape.export({
    type: 'blob',
    ratio: 1.5
}).then((blob) => {
    console.log(blob);
});

/* 导出舞台图片 */
stage.export({
    /* 可选内容 */
    elem: ['model', 'custom', 'view'], //需要导出的元素，导出整个画布 背景图（model）、所有图形（custom）、DIY区域图(view)
    view: true, //仅导出view区域
    clip: true, //裁剪多余的透明部分
    type: 'base64',//输出二进制还是base64，可选base64/blob
    filter: false, //是否过滤不可导出的图形
    ratio: 3.5, //导出比例
}).then((blob) => {
    console.log(blob);
})


/* 导出指定的舞台快照数据为图片 */
stage.export({
    /* 可选内容 */
    elem: ['model', 'custom', 'view'], //需要导出的元素，导出整个画布 背景图（model）、所有图形（custom）、DIY区域图(view)
    view: true, //仅导出view区域
    clip: true, //裁剪多余的透明部分
    type: 'base64',//输出二进制还是base64，可选base64/blob
    filter: false, //是否过滤不可导出的图形
    ratio: 3.5, //导出比例
}, snap).then((blob) => {
    console.log(blob);
})

在线演示

你可以访问我们的演示案例来体验DIY.JS的功能。