本文介绍了前端使用HTML5 SVG创建的画板功能，支持视频、图片上涂鸦，具备缩放、颜色选择、编辑和复选等特性。详细讲解了画板的配置选项，如画笔宽度、字体设置、最大高度和编辑控制。此外，文章还分享了作者的前端开发经验，提供了一份全面的Web前端开发学习资料，涵盖面试题、项目实战和基础知识点，旨在帮助开发者提升技能。
// 画笔宽度
strokeWidth: option.strokeWidth || 1,
// 文本字号
fontSize: option.fontSize || 14,
// 字体名称
fontFamily: option.fontFamily || ‘monospace’,
// 文本粗细
fontWeight: option.fontWeight || 400,
// 渲染文字行间距（行高 + lineSpace）
fontLineSpace: option.lineSpace || 5,
// 最大高度（画板的最大高度尺寸）
// 有画板的最大高度尺寸 ‘text(文本)’ 才会支持缩放，否则不会进行缩放，比例按 1 处理，其他笔画类型不受影响。
maxHeight: option.maxHeight || 0,
// 是否可以编辑
isEdit: option.isEdit || true,
// 是否填充颜色（箭头类型）
isFill: option.isFill || true,
// 显示编辑矩形框（目前支持：‘text(文本)’ 其他画笔类型不需要支持）
isShowEditRect: option.isShowEditRect || true,
// 是否支持窗口缩放 重新调整元素坐标
isResize: option.isResize || true,
// 是否允许鼠标在编辑或绘制过程中离开画板区域，离开则算停止本次手势，默认不允许
isAllowLeaveEditArea: option.isAllowLeaveEditArea || false,
// 文本框贴贴文本内
最低0.47元/天 解锁文章
942
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
