props.js 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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. backgroundImage: String,
  23. // 笔锋
  24. openSmooth: Boolean,
  25. // 画笔最小值
  26. minLineWidth: {
  27. type: Number,
  28. default: 2
  29. },
  30. // 画笔最大值
  31. maxLineWidth: {
  32. type: Number,
  33. default: 6
  34. },
  35. // 画笔达到最小宽度所需最小速度(px/ms),取值范围1.0-10.0,值越小,画笔越容易变细,笔锋效果会比较明显,可以自行调整查看效果,选出自己满意的值。
  36. minSpeed: {
  37. type: Number,
  38. default: 1.5
  39. },
  40. // 相邻两线宽度增(减)量最大百分比,取值范围1-100,为了达到笔锋效果,画笔宽度会随画笔速度而改变,如果相邻两线宽度差太大,过渡效果就会很突兀,使用maxWidthDiffRate限制宽度差,让过渡效果更自然。可以自行调整查看效果,选出自己满意的值。
  41. maxWidthDiffRate: {
  42. type: Number,
  43. default: 20
  44. },
  45. // 限制历史记录数,即最大可撤销数,传入0则关闭历史记录功能
  46. maxHistoryLength: {
  47. type: Number,
  48. default: 20
  49. },
  50. beforeDelay: {
  51. type: Number,
  52. default: 0
  53. },
  54. landscape: {
  55. type: Boolean
  56. },
  57. boundingBox: {
  58. type: Boolean
  59. },
  60. disabled: {
  61. type: Boolean
  62. },
  63. preferToDataURL: Boolean
  64. }