util.d.ts 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. import { PatternCfg } from '../../types/pattern';
  2. /**
  3. * 获取设备像素比
  4. */
  5. export declare function getPixelRatio(): number;
  6. /**
  7. * 初始化 cavnas,设置宽高等
  8. */
  9. export declare function initCanvas(width: number, height?: number): HTMLCanvasElement;
  10. /**
  11. * 绘制背景
  12. *
  13. * @param context
  14. * @param cfg
  15. * @param width
  16. * @param height
  17. */
  18. export declare function drawBackground(context: CanvasRenderingContext2D, cfg: PatternCfg, width: number, height?: number): void;
  19. /**
  20. * 计算贴图单元大小
  21. *
  22. * @param size 元素大小
  23. * @param padding 圆点间隔
  24. * @param isStagger 是否交错
  25. * @reutrn 返回贴图单元大小
  26. */
  27. export declare function getUnitPatternSize(size: number, padding: number, isStagger: boolean): number;
  28. /**
  29. * 计算有交错情况的元素坐标
  30. *
  31. * @param unitSize 贴图单元大小
  32. * @param isStagger 是否交错
  33. * @reutrn 元素中心坐标 x,y 数组集合
  34. */
  35. export declare function getSymbolsPosition(unitSize: number, isStagger: boolean): number[][];
  36. /**
  37. * 给整个 pattern贴图 做变换, 目前支持旋转
  38. *
  39. * @param pattern 整个贴图
  40. * @param dpr 设备像素比
  41. * @param rotation 旋转角度
  42. */
  43. export declare function transformMatrix(dpr: number, rotation: number): {
  44. a: number;
  45. b: number;
  46. c: number;
  47. d: number;
  48. e: number;
  49. f: number;
  50. };