楼主:
poewar (☺☻)
2025-03-03 23:47:40继续修改功能
这次把汇入参考图的功能完成一部分
https://imgur.com/WNFVQIp
目前只有把调整透明度做好
旋转还在测试,目前写死汇入后转45度用来测试
移动调整位置部分还在构思
稍微调整了一下控制的逻辑,所以也在手机上测试运作
顺便测试手机的把页面存成App,手机开启页面后安装页面之类的
Windows的Edge也可以在选项里面选择将此网站安装为应用程式
https://imgur.com/EIYHVj9
手机实际执行的画面(使用Sony xperia 1)
https://imgur.com/fmrL0tX
同时也调整开始的提示讯息,侦测为device则显示触控的说明
实作触控的移动跟缩放,实际测试
以及打开符号选择的接口
https://imgur.com/X4MvTHX
目前操作起来感觉是还行啦
顺便测试ContextMenu
电脑版使用鼠标右键,触控则是单点击不放1~2秒后打开
目前只做一个截图的功能
https://imgur.com/AxKjLBS
实际截图后的图片
https://imgur.com/MqkVTzX
目前就单纯把绘制可视区的部分输出
※ 引述《poewar (☺☻)》之铭言:
: 继续调整画面跟功能
: 因初始连线捞取资料会有点延迟
: 再加上捞完资料绘制也会需要一点时间
: 所以加上一个提示的讯息
: https://imgur.com/klto6b8
: https://imgur.com/rmLTouy
: 说是延迟,但也就是3~5秒左右的时间
: 是没有太大影响,不过加个讯息会好一点
: 调整简易操作说明方块
: https://imgur.com/sEGOd2i
: 原本卡在最下面不好看也占一个空间
: 改为类似讯息方块,显示在绘制区域上方,可以关闭
: 格线的标示数字之前文字设定有问题,显示太小,一起调整
: https://imgur.com/eDLwl0E
: https://imgur.com/F9pPsgm
: 接口配色些微调整
: 然后左方工具,笔刷方块依据全角或半角调整显示大小
: 而全角或半角的判断,跟AAC一样,使用Unicode官方的文件为判断的逻辑
: https://www.unicode.org/reports/tr11/tr11-43.html
: 工具区新增一个参考图
: 因为在测试画兔子的时候,发现有点不好画
: 所以想做个汇入图片
: 这个汇入是使用各个browser的temp档存放空间
: 目前还没做完这部分,也还没想好要怎么调整图的位置、大小等
: 操作的部分
: 测试补一个touch点的移动版面判断
: 平板或手机的触控单指是可以滑动画面
: 也只能平移就是了,其他部分后续有时间再说
: ※ 引述《poewar (☺☻)》之铭言:
: : 继续制作ansi共绘
: : 当前结果
: : https://imgur.com/KtiYd8M
: : 测试乱数绘制256色前景跟背景的符号
: : 调整接口,切分成三大区块
: : 左方的颜色、工具跟控制选项
: : 目前工具只有画笔跟橡皮擦
: : 区块留言还未开始制作,预计构想是可以方框框选一个范围然后留讯息
: : 讯息会显示在绘制区画面上,可以切换是否显示
: : 不知道实际如何还是要等开始弄了才行
: : 右方留言区块简单实作出来
: : 显示讯息列表跟输入的部分
: : 剩下让绘制区填满中间,下方加一个讯息说明
: : 符号列表显示
: : https://imgur.com/0us3Dfu
: : 当前是简单鼠标移到右方的按钮hover后显示
: : 列表的内容就使用AAC当中使用的资料
: : 结构有稍微调整跟清除不用的资讯来减低档案大小
: : 放在右边跳出是想说可以在选择的时候,看到左方功能区画笔实际显示的样子
: : 因为让绘制区改为填满中间区域
: : 测试不同分辨率的状况
: : https://imgur.com/dCmab7D
: : https://imgur.com/N4iGNWp
: : 虽然当前可以在平板上显示,但是因为我目前的操作逻辑是用鼠标判断
: : 所以触控点按钮什么的没有问题,但是不能移动图面跟绘制
: : 是否加入这部分的逻辑之后再看看