微信小程序实现直尺以及量角器

小程序直尺与量角器功能展示
最新推荐文章于 2023-08-18 11:15:31 发布
原创 最新推荐文章于 2023-08-18 11:15:31 发布 · 5.6k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #js

该博客展示了小程序中直尺和量角器的功能。直尺具备校准功能，校准后每个毫米单位以此衡量，数据会保存；量角器需打开摄像头使用，还附上了相关代码的gitee链接。

直接上效果图

1.直尺

在这里插入图片描述
直尺的校准功能

在这里插入图片描述
点击确定之后
在这里插入图片描述
每个直尺的每个毫米之间的单位将以刚刚校准的来衡量，并且一次校准之后数据将进行保存

2.量角器

在这里插入图片描述
打开摄像头之后
在这里插入图片描述
直接附上gitee的链接
https://gitee.com/z_yulin/roundstright

[假期实践/微信小程序] 量角器 Protractor
weixin_43996755的博客
07-03 1602
步骤与操作0. 前言1. 新建项目2. 开发-打开本地图片3. 开发-量角器实现 0. 前言         此文记录了作者在小学期期间开发的一款用于 [测量角度] 的微信小程序的历程。有关链接与信息如下：         下载开发软件：h...
微信小程序尺子，方便测量simple-ruler-master.zip
09-25
微信小程序尺子，方便测量simple-ruler-master.zip
微信小程序刻度尺组件
08-10
微信小程序刻度尺组件
simple-ruler:微信小程序，简单尺子
05-02
simple-ruler 微信小程序，简单尺子 当想要量一个物品时，但手边没有尺子，可以打开“简单尺子”小程序用手机测量。 “简单尺子”小程序是使用小程序的 canvas 接口进行绘制的，目前在小程序中没有找到毫米（mm）和像素（px）的准确换算关系，所以部分手机绘制出的尺子会有误差。 简单尺子小程序码
ruler:微信小程序中的刻度尺功能
05-08
ruler 微信小程序中的刻度尺功能<br> 下载文件到本地 放到pages中 配置好路由 即可查看 基于scroll-view 官方文档中不让在scroll-view 使用canvas 目前没有其他解决方案 也没有大的bug 关于刻度尺中间的游标  在手机上显示是在刻度尺下面的  如果产品需要  可以使用canvas去画这个圆点有不足的地方 欢迎指正 邮箱 liwsh666@126.com 微信 lywsion :copyright:开源精神 如需要 请注明作者 谢谢
微信小程序实现带刻度尺滑块功能
08-31
主要介绍了微信小程序实现带刻度尺滑块功能，非常不错，具有参考借鉴价值，需要的朋友可以参考下
【微信小程序开发】实现带刻度尺滑块
08-13
【微信小程序开发】实现带刻度尺滑块，说明教程 http://www.xiaochengxupro.com/news/759.html
微信小程序实现带刻度尺滑块--滑动标尺/刻度尺（身高、体重选择器）
weixin_46265708的博客
08-18 3550
刻度尺、scroll-view滑块、身高选择器、体重选择器、滑动选择器、选择器、微信小程序身高选择器、微信小程序滑动选择器
测试角度看微信小程序
Poppy_tester的博客
04-08 736
发布小程序的规定： 1）小程序的功能定义与实际提供的服务必须一致；小程序所提供的类目，必须放置在首页，最深也只能放置在二级页面； 2）小程序所提供的服务目前暂时不能涉及游戏、直播等服务（涉黄涉赌就不用多说了）内容也不能涉及测试类内容；比如：算命，抽签，星座运势等； 3）小程序所提供的服务可以允许设置付费可见及隐藏可见-主要是付费交易在iOS审核过关难 4）小程序不能提供与微信现有功能相似的服务，如...
尺子 Ruler 小工具，屏幕尺子
05-31
直尺，尺子，小工具，Ruler，尺子小程序，实用，屏幕尺子
基于微信小程序实现的尺码计算器项目源码，用于计算衣服、鞋子等尺码的计算器，网购时可以参考
11-02
基于微信小程序实现的尺码计算器项目源码，用于计算衣服、鞋子等尺码的计算器，网购时可以参考 安装方法 直接将源代码复制到您的小程序根目录即可正常使用。
小程序可滑动刻度表
09-13
微信小程序实现带刻度尺滑块，与自带的slider不同的是，它是通过手势滑动标尺得到取值，而不是通过滑动滑块本身
好用的小程序刻度尺组件
08-18
一款流畅、好用的刻度尺组件（不是使用canvas绘制）
微信小程序 用swiper实现一个滑动刻度尺（体重选择器）
Tx的博客
03-11 3319
效果图 思路： 利用微信swiper组件实现滑动效果，创建一个数组arr，先存启始数据进去，然后分别在前面存放起始数–的数据，后面添加起始数据++的数据，循环数组arr创建swiper-item，每一个swiper-item都是一个小刻度线，达到缓冲和选择数据的效果，滑动的时候开始监听不停改变起始值，思路成立开始实践。 实践： 打算直接做成一个复用的组件 wxml： swiper属性： display-multiple-items：当前显示的swiper-item数 current：当前滑动swiper-
微信小程序尺子样式滚动选择器组件
qq_42589920的博客
11-19 3228
先上效果图： 背景色可以自定义，大概样式就是这样。 上组件代码： Component({ /** * 组件的属性列表 */ properties: { icon_path: { type: String, value: "这里是图标默认的URL" },//标尺左上角图标路径 icon_text: { type: St...
小程序中封装自定义刻度尺（选择语速）
qdm13209211861的博客
08-16 580
小程序中选择语速的插件
微信小程序实现带刻度尺滑块
weixin_34007906的博客
03-23 2057
2019独角兽企业重金招聘Python工程师标准>>> ...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值