canvas-editor_fex765/docs/guide/option.md

配置

使用方式

import Editor from "@hufe921/canvas-editor"

new Editor(container, IEditorData | IElement[], {
  // 配置项
})

完整配置

interface IEditorOption {
  mode?: EditorMode; // 编辑器模式：编辑、清洁、只读。默认：编辑
  defaultType?: string; // 默认元素类型。默认：TEXT
  defaultFont?: string; // 默认字体。默认：Yahei
  defaultSize?: number; // 默认字号。默认：16
  minSize?: number; // 最小字号。默认：5
  maxSize?: number; // 最大字号。默认：72
  defaultBasicRowMarginHeight?: number; // 默认行高。默认：8
  defaultRowMargin?: number; // 默认行间距。默认：1
  defaultTabWidth?: number; // 默认tab宽度。默认：32
  width?: number; // 纸张宽度。默认：794
  height?: number; // 纸张高度。默认：1123
  scale?: number; // 缩放比例。默认：1
  pageGap?: number; // 纸张间隔。默认：20
  underlineColor?: string; // 下划线颜色。默认：#000000
  strikeoutColor?: string; // 删除线颜色。默认：#FF0000
  rangeColor?: string; // 选区颜色。默认：#AECBFA
  rangeAlpha?: number; // 选区透明度。默认：0.6
  rangeMinWidth?: number; // 选区最小宽度。默认：5
  searchMatchColor?: string; // 搜索高亮颜色。默认：#FFFF00
  searchNavigateMatchColor?: string; // 搜索导航高亮颜色。默认：#AAD280
  searchMatchAlpha?: number; // 搜索高亮透明度。默认：0.6
  highlightAlpha?: number; // 高亮元素透明度。默认：0.6
  resizerColor?: string; // 图片尺寸器颜色。默认：#4182D9
  resizerSize?: number; // 图片尺寸器大小。默认：5
  marginIndicatorSize?: number; // 页边距指示器长度。默认：35
  marginIndicatorColor?: string, // 页边距指示器颜色。默认：#BABABA
  margins?: IMargin, // 页面边距。默认：[100, 120, 100, 120]
  pageMode?: PageMode; // 纸张模式：连页、分页。默认：分页
  tdPadding?: number; // 单元格内边距。默认：5
  defaultTrMinHeight?: number; // 默认表格行最小高度。默认：40
  defaultHyperlinkColor?: string; // 默认超链接颜色。默认：#0000FF
  header?: IHeader; // 页眉信息。{top?:number; maxHeightRadio?:MaxHeightRatio;}
  footer?: IFooter; // 页脚信息。{bottom?:number; maxHeightRadio?:MaxHeightRatio;}
  pageNumber?: IPageNumber; // 页码信息。{bottom:number; size:number; font:string; color:string; rowFlex:RowFlex;}
  paperDirection?: PaperDirection; // 纸张方向：纵向、横向
  inactiveAlpha?: number; // 正文内容失焦时透明度。默认值：0.6
  watermark?: IWatermark; // 水印信息。{data:string; color?:string; opacity?:number; size?:number; font?:string;}
  control?: IControlOption; // 控件信息。 {placeholderColor?:string; bracketColor?:string; prefix?:string; postfix?:string;}
  checkbox?: ICheckboxOption; // 复选框信息。{width?:number; height?:number; gap?:number; lineWidth?:number; fillStyle?:string; fontStyle?: string;}
  cursor?: ICursorOption; // 光标样式。{width?: number; color?: string; dragWidth?: number; dragColor?: string;}
}