需求描述

功能描述

1.摄像头取色

界面

界面元素

名称 用途
显示规则
交互
页面标
展示
文本“Pick a color”

摄像头拍照取色
摄像头拍照取色

图片

空心圈一直处于中间不动,通过移动图片调取位置中颜色

a.摄像头拍照生成图片

b.移动图片,空心圈实时调取圈内图片位置中的颜色

确定
确定已选中颜色

”按钮

当摄像头拍照时不显示,有图片时显示


a.点击按钮确认已选中颜色,返回【调色盘】页面并根据所选颜色自动调节饱和度。
验收标准
历史记录  
  1. 2021-02-03 18:24:07, 由 hfwang 创建。
  2. 2021-02-22 18:00:08, 由 hfwang 变更。
    修改了 当前状态,旧值为 "draft",新值为 "active"。
    修改了 版本号 ,旧值为 "1",新值为 "2"。
    修改了 描述 ,区别为:
    001-
    001+ 功能描述
    002+ 1.摄像头取色
    003+ 界面
    004+
    005+ 界面元素
    006+
    007+ 名称
    008+ 用途
    009+ 显示规则
    010+ 交互
    011+ 页面标题
    012+ 展示
    013+ 文本“Pick a color”
    014+
    015+ 摄像头内容
    016+ 选取颜色
    017+ 显示后置摄像头内容
    018+ a.点击任意位置,获取当前颜色,空心圆显示获取的颜色
    019+ 确定
    020+ 确定已选中颜色
    021+ “”按钮
    022+ a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面
    023+
    001-
    001+ <h1 style="color:#3C4353;background-color:#FFFFFF;"><span style="font-size:16px;">功能描述</span></h1>
    002+ <p style="font-size:14px;background-color:#FFFFFF;"><span style="font-size:16px;">1.摄像头取色</span></p>
    003+ <h1 style="color:#3C4353;background-color:#FFFFFF;"><span style="font-size:16px;">界面</span></h1>
    004+ <p><span style="font-size:16px;"><img src="{3097.png}" alt="" /><span style="font-size:16px;"></span></span></p>
    005+ <p><span style="font-size:16px;"><span style="font-size:16px;">界面元素</span><br /></span></p>
    006+ <p><span style="font-size:16px;">
    007+ </span></p><table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">名称</span></th>
    008+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">用途</span><br /></th>
    009+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">显示规则</span><br /></th>
    010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">交互</span><br /></th>
    011+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">页面标题</span><br /></td>
    012+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">展示</span><br /></td>
    013+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">文本“Pick a color”</span><br /></td>
    014+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">无</span><br /></td>
    015+ </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">摄像头内容</span><br /></td>
    016+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span><br /></td>
    017+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">显示后置摄像头内容</span><br /></td>
    018+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">a.点击任意位置,获取当前颜色,空心圆显示获取的颜色</span><br /></td>
    019+ </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    020+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    021+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span><br /></td>
    022+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面</span><br /></td>
    023+ </tr></tbody></table>
  3. 2021-03-01 14:54:11, 由 李成发 关联到项目 Startlink IoT 1.0
  4. 2021-04-27 10:26:39, 由 夏凯英 变更。
    修改了 当前状态,旧值为 "active",新值为 "changed"。
    修改了 版本号 ,旧值为 "2",新值为 "3"。
    修改了 描述 ,区别为:
    004-
    004+
    006-
    006+
    007- 名称
    007+ 名称
    008- 用途
    008+ 用途
    009- 显示规则
    009+ 显示规则
    010- 交互
    010+ 交互
    011- 页面标题
    011+ 页面标题
    012- 展示
    012+ 展示
    013- 文本“Pick a color”
    013+ 文本“Pick a color”
    014-
    014+
    015- 摄像头内容
    015+ 摄像头内容
    016- 选取颜色
    016+ 选取颜色
    017- 显示后置摄像头内容
    017+ 显示后置摄像头内容
    018- a.点击任意位置,获取当前颜色,空心圆显示获取的颜色
    018+ a.点击任意位置,获取当前颜色,空心圆显示获取的颜色
    019- 确定
    019+ 确定
    020- 确定已选中颜色
    020+ 确定已选中颜色
    021- “”按钮
    021+ “”按钮
    022- a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面
    022+ a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节亮度和饱和度。
    023-
    023+
    004- <p><span style="font-size:16px;"><img src="{3097.png}" alt="" /><span style="font-size:16px;"></span></span></p>
    004+ <p><span style="font-size:16px;"><img src="{3097.png}" alt="" /><img src="{3589.png}" alt="" /><span style="font-size:16px;"></span></span></p>
    006- <p><span style="font-size:16px;">
    006+ <p><span style="font-size:16px;"> </span></p>
    007- </span></p><table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">名称</span></th>
    007+ <table class="table table-kindeditor" style="width:100%;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">名称</span></th>
    008- <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">用途</span><br /></th>
    008+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">用途</span><br /></th>
    009- <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">显示规则</span><br /></th>
    009+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">显示规则</span><br /></th>
    010- <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">交互</span><br /></th>
    010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;"><span style="font-size:16px;">交互</span><br /></th>
    011- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">页面标题</span><br /></td>
    011+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">页面标题</span><br /></td>
    012- <td style="border:1px solid #ddd;"><span style="font-size:16px;">展示</span><br /></td>
    012+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">展示</span><br /></td>
    013- <td style="border:1px solid #ddd;"><span style="font-size:16px;">文本“Pick a color”</span><br /></td>
    013+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">文本“Pick a color”</span><br /></td>
    014- <td style="border:1px solid #ddd;"><span style="font-size:16px;">无</span><br /></td>
    014+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">无</span><br /></td>
    015- </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">摄像头内容</span><br /></td>
    015+ </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">摄像头内容</span><br /></td>
    016- <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span><br /></td>
    016+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span><br /></td>
    017- <td style="border:1px solid #ddd;"><span style="font-size:16px;">显示后置摄像头内容</span><br /></td>
    017+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">显示后置摄像头内容</span><br /></td>
    018- <td style="border:1px solid #ddd;"><span style="font-size:16px;">a.点击任意位置,获取当前颜色,空心圆显示获取的颜色</span><br /></td>
    018+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">a.点击任意位置,获取当前颜色,空心圆显示获取的颜色</span><br /></td>
    019- </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    019+ </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    020- <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    020+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    021- <td style="border:1px solid #DDD;"><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span><br /></td>
    021+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span><br /></td>
    022- <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面</span><br /></td>
    022+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节亮度和饱和度。</span><br /></td>
    023- </tr></tbody></table>
    023+ </tr></tbody></table>
  5. 2021-05-26 17:58:05, 由 夏凯英 变更。
    修改了 版本号,旧值为 "3",新值为 "4"。
    修改了 描述 ,区别为:
    004-
    004+
    022- a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节亮度和饱和度。
    022+ a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节饱和度。
    004- <p><span style="font-size:16px;"><img src="{3097.png}" alt="" /><img src="{3589.png}" alt="" /><span style="font-size:16px;"></span></span></p>
    004+ <p><span style="font-size:16px;"><img src="{3097.png}" alt="" /><span style="font-size:16px;"></span></span></p>
    022- <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节亮度和饱和度。</span><br /></td>
    022+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节饱和度。</span><br /></td>
  6. 2021-06-28 15:47:10, 由 夏凯英 变更。
    修改了 版本号,旧值为 "4",新值为 "5"。
    修改了 描述 ,区别为:
    011- 页面标题
    011+ 页面标题
    015- 摄像头内容
    015+ 图片
    016- 选取颜色
    016+ 选取颜色
    017- 显示后置摄像头内容
    017+
    018- a.点击任意位置,获取当前颜色,空心圆显示获取的颜色
    018+ 图片
    019- 确定
    019+
    020- 确定已选中颜色
    020+
    021- “”按钮
    021+ a.摄像头拍照生成图片或手机相册选取图片
    022- a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节饱和度。
    022+ b.点击图片任意位置,获取当前颜色,空心圆显示获取的颜色,需要更换位置重新点击图片任意位置
    023-
    023+
    024+ 确定
    025+ 确定已选中颜色
    026+
    027+ “”按钮
    028+ 当摄像头拍照时不显示,有图片时显示
    029+
    030+
    031+ a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节饱和度。
    032+
    011- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">页面标题</span><br /></td>
    011+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;"><span style="font-size:16px;"></span><span style="font-size:16px;">页面标</span><span style="font-size:16px;">题</span></span><br /></td>
    015- </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">摄像头内容</span><br /></td>
    015+ </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">图片</span><br /></td>
    016- <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span><br /></td>
    016+ <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span></td>
    017- <td style="border:1px solid #ddd;"><span style="font-size:16px;">显示后置摄像头内容</span><br /></td>
    017+ <td style="border:1px solid #ddd;">
    018- <td style="border:1px solid #ddd;"><span style="font-size:16px;">a.点击任意位置,获取当前颜色,空心圆显示获取的颜色</span><br /></td>
    018+ <p><span style="font-size:16px;">图片</span></p>
    019- </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    019+ </td>
    020- <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    020+ <td style="border:1px solid #ddd;">
    021- <td style="border:1px solid #DDD;"><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span><br /></td>
    021+ <p><span style="font-size:16px;">a.</span><span>摄像头拍照生成图片</span><span style="font-size:16px;">或</span><span>手机相册选取图片</span><span><br /></span><span style="font-size:16px;"></span></p>
    022- <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节饱和度。</span><br /></td>
    022+ <p><span style="font-size:16px;">b.点击图片任意位置,获取当前颜色,空心圆显示获取的颜色,需要更换位置重新点击图片任意位置</span></p>
    023- </tr></tbody></table>
    023+ </td>
    024+ </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    025+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    026+ <td style="border:1px solid #DDD;">
    027+ <p><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span></p>
    028+ <p><span style="font-size:16px;">当摄像头拍照时不显示,有图片时显示</span></p>
    029+ <p><span style="font-size:16px;"><br /></span></p>
    030+ </td>
    031+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节饱和度。</span><br /></td>
    032+ </tr></tbody></table>
  7. 2021-06-30 14:14:52, 由 夏凯英 变更。
    修改了 版本号,旧值为 "5",新值为 "6"。
    修改了 描述 ,区别为:
    015- 图片
    015+ 摄像头拍照取色
    016- 选取颜色
    016+ 摄像头拍照取色
    019-
    019+ 空心圈一直处于中间不动,通过移动图片调取位置中颜色
    020-
    020+
    021- a.摄像头拍照生成图片或手机相册选取图片
    021+
    022- b.点击图片任意位置,获取当前颜色,空心圆显示获取的颜色,需要更换位置重新点击图片任意位置
    022+ a.摄像头拍照生成图片
    023-
    023+ b.移动图片,空心圈实时调取圈内图片位置中的颜色
    024- 确定
    024+
    025- 确定已选中颜色
    025+ 确定
    026-
    026+ 确定已选中颜色
    027- “”按钮
    027+
    028- 当摄像头拍照时不显示,有图片时显示
    028+ “”按钮
    029-
    029+ 当摄像头拍照时不显示,有图片时显示
    030-
    030+
    031- a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节饱和度。
    031+
    032-
    032+ a.点击按钮确认已选中颜色,返回【<a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener">调色盘】页面并根据所选颜色自动调节饱和度。
    033+
    015- </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">图片</span><br /></td>
    015+ </tr><tr><td style="border:1px solid #ddd;"><span style="font-size:16px;">摄像头拍照取色</span><br /></td>
    016- <td style="border:1px solid #ddd;"><span style="font-size:16px;">选取颜色</span></td>
    016+ <td style="border:1px solid #ddd;"><span style="font-size:16px;"><span>摄像头拍照取色</span></span></td>
    019- </td>
    019+ <p><span style="font-size:16px;">空心圈一直处于中间不动,通过移动图片调取位置中颜色</span></p>
    020- <td style="border:1px solid #ddd;">
    020+ </td>
    021- <p><span style="font-size:16px;">a.</span><span>摄像头拍照生成图片</span><span style="font-size:16px;">或</span><span>手机相册选取图片</span><span><br /></span><span style="font-size:16px;"></span></p>
    021+ <td style="border:1px solid #ddd;">
    022- <p><span style="font-size:16px;">b.点击图片任意位置,获取当前颜色,空心圆显示获取的颜色,需要更换位置重新点击图片任意位置</span></p>
    022+ <p><span style="font-size:16px;">a.</span><span style="font-size:16px;">摄像头拍照生成图片</span><span><br /></span><span style="font-size:16px;"></span></p>
    023- </td>
    023+ <p><span style="font-size:16px;">b.移动图片,空心圈实时调取圈内图片位置中的颜色</span></p>
    024- </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    024+ </td>
    025- <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    025+ </tr><tr><td style="border:1px solid #DDD;"><span style="font-size:16px;">确定</span><br /></td>
    026- <td style="border:1px solid #DDD;">
    026+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">确定已选中颜色</span><br /></td>
    027- <p><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span></p>
    027+ <td style="border:1px solid #DDD;">
    028- <p><span style="font-size:16px;">当摄像头拍照时不显示,有图片时显示</span></p>
    028+ <p><span style="font-size:16px;">“</span><img src="{3098.png}" alt="" /><span style="font-size:16px;">”按钮</span></p>
    029- <p><span style="font-size:16px;"><br /></span></p>
    029+ <p><span style="font-size:16px;">当摄像头拍照时不显示,有图片时显示</span></p>
    030- </td>
    030+ <p><span style="font-size:16px;"><span style="font-size:16px;"></span><br /></span></p>
    031- <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节饱和度。</span><br /></td>
    031+ </td>
    032- </tr></tbody></table>
    032+ <td style="border:1px solid #DDD;"><span style="font-size:16px;">a.点击按钮确认已选中颜色,返回【</span><a href="/zentao/story-view-1005.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;font-size:16px;">调色盘</span></a><span style="font-size:16px;">】页面并根据所选颜色自动调节饱和度。</span><br /></td>
    033+ </tr></tbody></table>
所属产品 Start Link IoT
所属%s
所属模块 设备  设备面板
所属计划
来源
来源备注
当前状态 已变更
所处阶段 主干 : 已立项
类型 功能
优先级 3
预计故事点 0sp
关键词
抄送给
由谁创建 hfwang 于 2021-02-03 18:24:06
指派给
评审人员
评审时间
由谁关闭
关闭原因
最后修改 夏凯英 于 0000-00-00 00:00:00