props.js 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. export default {
  2. styles: String,
  3. disableScroll: {
  4. type: Boolean,
  5. default: true
  6. },
  7. type: {
  8. type: String,
  9. default: '2d'
  10. },
  11. // 画笔颜色
  12. penColor: {
  13. type: String,
  14. default: 'black'
  15. },
  16. penSize: {
  17. type: Number,
  18. default: 2
  19. },
  20. // 画板背景颜色
  21. backgroundColor: String,
  22. // 笔锋
  23. openSmooth: Boolean,
  24. // 画笔最小值
  25. minLineWidth: {
  26. type: Number,
  27. default: 2
  28. },
  29. // 画笔最大值
  30. maxLineWidth: {
  31. type: Number,
  32. default: 6
  33. },
  34. // 画笔达到最小宽度所需最小速度(px/ms),取值范围1.0-10.0,值越小,画笔越容易变细,笔锋效果会比较明显,可以自行调整查看效果,选出自己满意的值。
  35. minSpeed: {
  36. type: Number,
  37. default: 1.5
  38. },
  39. // 相邻两线宽度增(减)量最大百分比,取值范围1-100,为了达到笔锋效果,画笔宽度会随画笔速度而改变,如果相邻两线宽度差太大,过渡效果就会很突兀,使用maxWidthDiffRate限制宽度差,让过渡效果更自然。可以自行调整查看效果,选出自己满意的值。
  40. maxWidthDiffRate: {
  41. type: Number,
  42. default: 20
  43. },
  44. // 限制历史记录数,即最大可撤销数,传入0则关闭历史记录功能
  45. maxHistoryLength: {
  46. type: Number,
  47. default: 20
  48. },
  49. beforeDelay: {
  50. type: Number,
  51. default: 0
  52. },
  53. landscape: {
  54. type: Boolean
  55. }
  56. }