leafer-ui icon indicating copy to clipboard operation
leafer-ui copied to clipboard

关于leafer-x-ruler默认单位px转mm的需求

Open wzjiscode opened this issue 1 year ago • 3 comments

移动端px转mm需求:

  1. 设置屏幕的宽度(假设)是30mm,高度(假设)是100mm
  2. 根据设置的宽度铺满全屏,这时1mm就需要重新计算占比多少px
  3. 高度根据宽度的占比计算得到的就是准确的宽高比 个人实现:曾自己实现一版只是改了源码部分draw方法,没有考虑缩放等因素(对于源码理解不透彻导致),导致滚动条没有随画布滚动而滚动。 期望:在现有卡尺效果的基础上,将px转mm即可

wzjiscode avatar Dec 20 '24 00:12 wzjiscode

已经转发到6个群里了~

leaferjs avatar Dec 20 '24 01:12 leaferjs

draw函数中gap控制单位长度,是像素值,textValue控制显示单位的文本,调整这两个变量即可。 举例:以 10mm 为单位长度渲染标尺,假定 1mm = 3.78px。gap = (this.getGap(zoom) / 100) * 3.78 * 10textValue = ((startValue + pos) / 3.78).toFixed(0)即可。 补充说明:getGap函数当 zoom = 1 时返回值是 100。 补充提示:1. 左上角单位;2. 数值计算精度。

xhlsrj avatar Dec 20 '24 02:12 xhlsrj

draw函数中gap控制单位长度,是像素值,textValue控制显示单位的文本,调整这两个变量即可。 举例:以 10mm 为单位长度渲染标尺,假定 1mm = 3.78px。gap = (this.getGap(zoom) / 100) * 3.78 * 10textValue = ((startValue + pos) / 3.78).toFixed(0)即可。 补充说明:getGap函数当 zoom = 1 时返回值是 100。 补充提示:1. 左上角单位;2. 数值计算精度。

大佬好使,顶礼膜拜!!!

wzjiscode avatar Dec 20 '24 08:12 wzjiscode