定制兔年春节头像
基于vue3+typescript和fabric.js的头像合成工具,用户可自由搭配效果图定制兔年春节头像,操作简单无需微调,代码质量高扩展性强。
基于vue3+typescript和fabric.js的头像合成工具,用户可自由搭配效果图定制兔年春节头像,操作简单无需微调,代码质量高扩展性强。
typescript/** * @file init.ts 初始化 * @description 初始化画布、遮罩层、可视区域等 *//** * @function initCanvas 初始化画布 * @param { String } inkId 画布dom id * @param { Object } size 画布大小 { width, height } * @param { Boolean } isStatic 是否静态画布 * @return { Object } Canvas 返回画布实例对象 */export const initCanvas = (inkId: string, size: canvasType, isStatic: boolean) => { const Canvas: Canvas | StaticCanvas = new fabric[isStatic ? 'StaticCanvas' : 'Canvas'](inkId, size) Canvas.preserveObjectStacking = true Canvas.selection = false Canvas.centeredScaling = true return Canvas}
- 截图: