精华内容
下载资源
问答
  • ●完全开放:用户可通过鼠标、笔记本触摸板、笔式电磁感应、电阻触摸手写扳、超声笔等输入装置进行手写输入。 ●人性输入:全新的隐藏式透明界面简洁易用,支持自由全屏和快速双框手写输入方式。在全屏手写...
  • mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);  mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

            问题如题:

    解决方法:只需要设置PopupWindow的属性

    mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);

            mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

    就能解决!!!

    展开全文
  • 关于代码 由于时间仓促及水本有限,代码中存在诸多问题,主要表现在: 结构有待改进; 传统写法 + MVVM模式,稍显杂乱; 方法、变量命名不统一、不规范; 做法非标准方法;...注释不完整或缺少注释。...

    关于代码

    由于时间仓促及水本有限,代码中存在诸多问题,主要表现在:

    • 结构有待改进;
    • 传统写法 + MVVM模式,稍显杂乱;
    • 方法、变量命名不统一、不规范;
    • 做法非标准方法;
    • 注释不完整或缺少注释。

    究其原因,除了限于本人的经历中所述情况之外,还在于:

    • 不能算是专业的程序员;
    • 亦不是专职的程序员,只是利用业余时间边学边写;
    • 时间紧逼,后期更是接近抓狂,只想尽快拿出成品以解燃眉之急;
    • 只是一个人的团队,样样靠自己,然而水平及时间均有限;
    • 整套软件最终没有完成,以至于优化什么的无从谈起。

    开发此系统的起因

    在朋友公司做的时候,发现在用的系统(Delphi写成)已严重落后且最重要的是问题多多,在售后支持方面,由于系统自身问题所引起技术需求占比达到40%以上,而且功能滞后,已无法适应时下手机点餐及微信会员等新兴功能的需求。

    同时,留意到别的餐饮软件,很多亦是与我们的系统类同,不仅界面体验一般,而且绝大多数都是采用定时刷新UI的方式,我就觉得非常不可思议,时至今日,为何不可以通过网络做到实时刷新。和搭档兼老板谈起时,被他鄙视,说我没有做过开发,不知道是怎么回事,没有这么容易之类的blabla…我很是不以为然,于是乎,就想着自己好歹还算是有点基础的,就试试看看吧。当然现在我可以说,我们双方即没有全对,也没有全错,一半一半吧, 既没有他想的那么难,也没有我想的那么简单。

    PS,其实刚开始的时候想的还是做Winform的程序,在开始学习Winform控件重写的时候,觉得太麻烦而且难以做到想像中的效果,才看了一下Winform的替代者WPF,但乍一看之下,觉得好像很麻烦很复杂,于是没有细看就放弃了;直到做Winform多窗口切换测试的时候,发现无论如何解决不了切换时的闪屏问题,在StackOverflow上看到说这是Winform程序的固有弊病,无奈之下只好找来WPF,细看之下发现其实也没有当初以为的那么难,尤其是WPF下的MVVM模式,正是我想要的操作方式,当然,系统只是部分并且只是应用了其中最基本的Data Binding功能而已,所以,只用了一个Micro MVVM框架(实在太小,或者说不上是框架),其他的部分则还是传统的做法。

    系统结构

    在这里插入图片描述
    注:中继服务程序主要用于处理手机下单和手持机下单(串口连接手持机基站),然后通过TCP发送给服务器程序集中处理,实则相当于一个虚拟的客户端。此部分完全是还没有处理,不过,以现在的眼光来看,这部分已经没有意义,因为此系统结构构思于2014年年中左右,但2016年开始,外卖平台及微信下单突然开始大行其道,现时主流都是通过微信或第三平台进行下单,系统只需通过相应的API定时拉单即可。

    典型数据流程

    服务器

    1. 读取数据库并缓存所有数据,如房台列表、用户列表、菜项大中类列表,菜项明细等等,全部缓存至内存;
    2. 根据设置和状态初始化系统;
    3. 启动网络待客户端接入。

    客户端

    1. 启动网络并连接服务器;
    2. 缓存所有服务器发送过来的系统数据至本机内存;
    3. 等待用户登录。
      在这里插入图片描述

    数据交换协议在这里插入图片描述

    题外话

    当初开始计划的时候,觉得完全可以做到将客户端和数据库隔离开来以尽量的减少数据库的读写开销,事实上确实是可行的,只是我错误地预计了自定义数据交换格式、维护数据在客户端-服务器-客户端之间的同步的麻烦程度。其实对于这么一个小系统来说,完全是没有必要的,在后来意识到了这一点之后,我后来直接就在客户端进行数据库操作了(2017年10月之后就没动过了,忘了是从哪个功能开始使用了)。

    事实上,在客户端直接操作数据库,服务端只需要单纯的做为一个更新消息中转中心即可,这样的话系统的复杂度会简单得多,数据交换(其实仅是指令数据即可)也可以变得极其简单,只可惜那会已是骑虎难下了。

    简化后的结构图

    在这里插入图片描述

    简化后的数据流程图

    在这里插入图片描述

    展开全文
  • 手写小程序屏幕

    2021-07-29 14:05:37
    // 设置透明 let currentPoint = { x: e.touches[0].x, y: e.touches[0].y } let currentLine = this.data.currentLine; currentLine.unshift({ time: new Date().getTime(), dis: 0, x: currentPoint.x, y: ...

    wxml 代码

    <view class="container">
      <view class="handCenter">
        <canvas class="handWriting" disable-scroll="true" bindtouchstart="uploadScaleStart" bindtouchmove="uploadScaleMove"
          bindtouchend="uploadScaleEnd" bindtap="mouseDown" canvas-id="handWriting">
        </canvas>
      </view>
      <button style="margin-top:20rpx" catchtap="retDraw">重写</button>
    </view>
    

    wxss 代码

    .handWriting {
      background: #fff;
      width: 500rpx;
      height: 700rpx;
    }
     
    .handRight {
      display: inline-flex;
      align-items: center;
    }
     
    .handCenter {
      box-shadow: 0 4px 12px rgba(0,0,0,.25);
      flex: 5;
      overflow: hidden;
      box-sizing: border-box;
      margin-top: 30rpx;
    }
     
    .handTitle {
      transform: rotate(90deg);
      flex: 1;
      color: #666;
    }
     
    .handBtn button {
      font-size: 28rpx;
    }
     
    .handBtn {
      height: 95vh;
      display: inline-flex;
      flex-direction: column;
      justify-content: space-between;
      align-content: space-between;
      flex: 1;
    }
     
    .delBtn {
      position: absolute;
      top: 250rpx;
      left: 0rpx;
      transform: rotate(90deg);
      color: #180303;
    }
     
    .delBtn image {
      position: absolute;
      top: 13rpx;
      left: 25rpx;
    }
     
    .subBtn {
      position: absolute;
      bottom: 52rpx;
      left: -3rpx;
      display: inline-flex;
      transform: rotate(90deg);
      background: #008ef6;
      color: #fff;
      margin-bottom: 30rpx;
      text-align: center;
      justify-content: center;
    }
     
    .black-select {
      width: 60rpx;
      height: 60rpx;
      position: absolute;
      top: 30rpx;
      left: 25rpx;
    }
    .black-select.color_select {
      width: 90rpx;
      height: 90rpx;
      top: 30rpx;
      left: 10rpx;
    }
    .red-select {
      width: 60rpx;
      height: 60rpx;
      position: absolute;
      top:140rpx;
      left:25rpx;
    }
    .red-select.color_select {
      width: 90rpx;
      height: 90rpx;
      top: 120rpx;
      left: 10rpx;
    }
    

    js代码

    Page({
      data: {
        canvasName: 'handWriting',
        ctx: '',
        canvasWidth: 0,
        canvasHeight: 0,
        transparent: 1, // 透明度
        selectColor: 'black',
        lineColor: '#1a1a1a', // 颜色
        lineSize: 1.5,  // 笔迹倍数
        lineMin: 0.5,   // 最小笔画半径
        lineMax: 8,     // 最大笔画半径
        pressure: 1,     // 默认压力
        smoothness: 60,  //顺滑度,用60的距离来计算速度
        currentPoint: {},
        currentLine: [],  // 当前线条
        firstTouch: true, // 第一次触发
        radius: 1, //画圆的半径
        cutArea: { top: 0, right: 0, bottom: 0, left: 0 }, //裁剪区域
        bethelPoint: [],  //保存所有线条 生成的贝塞尔点;
        lastPoint: 0,
        chirography: [], //笔迹
        currentChirography: {}, //当前笔迹
        linePrack: [],//划线轨迹 , 生成线条的实际点
        half: 0 //绘制一半点
      },
      onLoad() {
        let canvasName = this.data.canvasName
        let ctx = wx.createCanvasContext(canvasName)
        this.setData({
          ctx: ctx
        })
        var query = wx.createSelectorQuery();
        query.select('.handCenter').boundingClientRect(rect => {
    
          this.setData({
            canvasWidth: rect.width,
            canvasHeight: rect.height
          })
    
          /* 将canvas背景设置为 白底,不设置  导出的canvas的背景为透明 */
          this.setCanvasBg('#fff');
    
    
        }).exec();
    
      },
    
      // 笔迹开始
      uploadScaleStart(e) {
        if (e.type != 'touchstart') return false;
        let ctx = this.data.ctx;
        ctx.setFillStyle(this.data.lineColor);  // 初始线条设置颜色
        ctx.setGlobalAlpha(this.data.transparent);  // 设置半透明
        let currentPoint = {
          x: e.touches[0].x,
          y: e.touches[0].y
        }
        let currentLine = this.data.currentLine;
        currentLine.unshift({
          time: new Date().getTime(),
          dis: 0,
          x: currentPoint.x,
          y: currentPoint.y
        })
        this.setData({
          currentPoint,
        })
        if (this.data.firstTouch) {
          this.setData({
            cutArea: { top: currentPoint.y, right: currentPoint.x, bottom: currentPoint.y, left: currentPoint.x },
            firstTouch: false
          })
        }
        this.pointToLine(currentLine);
      },
      // 笔迹移动
      uploadScaleMove(e) {
        this.data.half++;
        if ((this.data.half % 3) != 0) {
          return false
        }
        if (e.type != 'touchmove') return false;
        if (e.cancelable) {
          // 判断默认行为是否已经被禁用
          if (!e.defaultPrevented) {
            e.preventDefault();
          }
        }
        let point = {
          x: e.touches[0].x,
          y: e.touches[0].y
        }
        //测试裁剪
        if (point.y < this.data.cutArea.top) {
          this.data.cutArea.top = point.y;
        }
        if (point.y < 0) this.data.cutArea.top = 0;
    
        if (point.x > this.data.cutArea.right) {
          this.data.cutArea.right = point.x;
        }
        if (this.data.canvasWidth - point.x <= 0) {
          this.data.cutArea.right = this.data.canvasWidth;
        }
        if (point.y > this.data.cutArea.bottom) {
          this.data.cutArea.bottom = point.y;
        }
        if (this.data.canvasHeight - point.y <= 0) {
          this.data.cutArea.bottom = this.data.canvasHeight;
        }
        if (point.x < this.data.cutArea.left) {
          this.data.cutArea.left = point.x;
        }
        if (point.x < 0) this.data.cutArea.left = 0;
        this.setData({
          lastPoint: this.data.currentPoint,
          currentPoint: point
        })
        let currentLine = this.data.currentLine
        currentLine.unshift({
          time: new Date().getTime(),
          dis: this.distance(this.data.currentPoint, this.data.lastPoint),
          x: point.x,
          y: point.y
        })
        this.pointToLine(currentLine);
      },
      // 笔迹结束
      uploadScaleEnd(e) {
        if (e.type != 'touchend') return 0;
        let point = {
          x: e.changedTouches[0].x,
          y: e.changedTouches[0].y
        }
        this.setData({
          lastPoint: this.data.currentPoint,
          currentPoint: point
        })
        let currentLine = this.data.currentLine
        currentLine.unshift({
          time: new Date().getTime(),
          dis: this.distance(this.data.currentPoint, this.data.lastPoint),
          x: point.x,
          y: point.y
        })
        if (currentLine.length > 2) {
          var info = (currentLine[0].time - currentLine[currentLine.length - 1].time) / currentLine.length;
          //$("#info").text(info.toFixed(2));
        }
        //一笔结束,保存笔迹的坐标点,清空,当前笔迹
        //增加判断是否在手写区域;
        this.pointToLine(currentLine);
        var currentChirography = {
          lineSize: this.data.lineSize,
          lineColor: this.data.lineColor
        };
        var chirography = this.data.chirography
        chirography.unshift(currentChirography);
        this.setData({
          chirography
        })
        var linePrack = this.data.linePrack
        linePrack.unshift(this.data.currentLine);
        this.setData({
          half: 0,
          linePrack,
          currentLine: []
        })
      },
      retDraw() {
        this.data.ctx.clearRect(0, 0, 700, 730)
        this.data.ctx.draw();
    
        //设置canvas背景
        this.setCanvasBg("#fff");
      },
    
      //画两点之间的线条;参数为:line,会绘制最近的开始的两个点;
      pointToLine(line) {
        this.calcBethelLine(line);
        return;
      },
      //计算插值的方式;
      calcBethelLine(line) {
        if (line.length <= 1) {
          line[0].r = this.data.radius;
          return;
        }
        let x0, x1, x2, y0, y1, y2, r0, r1, r2, len, lastRadius, dis = 0, time = 0, curveValue = 0.5;
        if (line.length <= 2) {
          x0 = line[1].x
          y0 = line[1].y
          x2 = line[1].x + (line[0].x - line[1].x) * curveValue;
          y2 = line[1].y + (line[0].y - line[1].y) * curveValue;
          x1 = x0 + (x2 - x0) * curveValue;
          y1 = y0 + (y2 - y0) * curveValue;;
    
        } else {
          x0 = line[2].x + (line[1].x - line[2].x) * curveValue;
          y0 = line[2].y + (line[1].y - line[2].y) * curveValue;
          x1 = line[1].x;
          y1 = line[1].y;
          x2 = x1 + (line[0].x - x1) * curveValue;
          y2 = y1 + (line[0].y - y1) * curveValue;
        }
        //从计算公式看,三个点分别是(x0,y0),(x1,y1),(x2,y2) ;(x1,y1)这个是控制点,控制点不会落在曲线上;实际上,这个点还会手写获取的实际点,却落在曲线上
        len = this.distance({ x: x2, y: y2 }, { x: x0, y: y0 });
        lastRadius = this.data.radius;
        for (let n = 0; n < line.length - 1; n++) {
          dis += line[n].dis;
          time += line[n].time - line[n + 1].time;
          if (dis > this.data.smoothness) break;
        }
        this.setData({
          radius: Math.min(time / len * this.data.pressure + this.data.lineMin, this.data.lineMax) * this.data.lineSize
        });
        line[0].r = this.data.radius;
        //计算笔迹半径;
        if (line.length <= 2) {
          r0 = (lastRadius + this.data.radius) / 2;
          r1 = r0;
          r2 = r1;
          //return;
        } else {
          r0 = (line[2].r + line[1].r) / 2;
          r1 = line[1].r;
          r2 = (line[1].r + line[0].r) / 2;
        }
        let n = 5;
        let point = [];
        for (let i = 0; i < n; i++) {
          let t = i / (n - 1);
          let x = (1 - t) * (1 - t) * x0 + 2 * t * (1 - t) * x1 + t * t * x2;
          let y = (1 - t) * (1 - t) * y0 + 2 * t * (1 - t) * y1 + t * t * y2;
          let r = lastRadius + (this.data.radius - lastRadius) / n * i;
          point.push({ x: x, y: y, r: r });
          if (point.length == 3) {
            let a = this.ctaCalc(point[0].x, point[0].y, point[0].r, point[1].x, point[1].y, point[1].r, point[2].x, point[2].y, point[2].r);
            a[0].color = this.data.lineColor;
            this.bethelDraw(a, 1);
            point = [{ x: x, y: y, r: r }];
          }
        }
        this.setData({
          currentLine: line
        })
      },
      //求两点之间距离
      distance(a, b) {
        let x = b.x - a.x;
        let y = b.y - a.y;
        return Math.sqrt(x * x + y * y);
      },
      ctaCalc(x0, y0, r0, x1, y1, r1, x2, y2, r2) {
        let a = [], vx01, vy01, norm, n_x0, n_y0, vx21, vy21, n_x2, n_y2;
        vx01 = x1 - x0;
        vy01 = y1 - y0;
        norm = Math.sqrt(vx01 * vx01 + vy01 * vy01 + 0.0001) * 2;
        vx01 = vx01 / norm * r0;
        vy01 = vy01 / norm * r0;
        n_x0 = vy01;
        n_y0 = -vx01;
        vx21 = x1 - x2;
        vy21 = y1 - y2;
        norm = Math.sqrt(vx21 * vx21 + vy21 * vy21 + 0.0001) * 2;
        vx21 = vx21 / norm * r2;
        vy21 = vy21 / norm * r2;
        n_x2 = -vy21;
        n_y2 = vx21;
        a.push({ mx: x0 + n_x0, my: y0 + n_y0, color: "#1A1A1A" });
        a.push({ c1x: x1 + n_x0, c1y: y1 + n_y0, c2x: x1 + n_x2, c2y: y1 + n_y2, ex: x2 + n_x2, ey: y2 + n_y2 });
        a.push({ c1x: x2 + n_x2 - vx21, c1y: y2 + n_y2 - vy21, c2x: x2 - n_x2 - vx21, c2y: y2 - n_y2 - vy21, ex: x2 - n_x2, ey: y2 - n_y2 });
        a.push({ c1x: x1 - n_x2, c1y: y1 - n_y2, c2x: x1 - n_x0, c2y: y1 - n_y0, ex: x0 - n_x0, ey: y0 - n_y0 });
        a.push({ c1x: x0 - n_x0 - vx01, c1y: y0 - n_y0 - vy01, c2x: x0 + n_x0 - vx01, c2y: y0 + n_y0 - vy01, ex: x0 + n_x0, ey: y0 + n_y0 });
        a[0].mx = a[0].mx.toFixed(1);
        a[0].mx = parseFloat(a[0].mx);
        a[0].my = a[0].my.toFixed(1);
        a[0].my = parseFloat(a[0].my);
        for (let i = 1; i < a.length; i++) {
          a[i].c1x = a[i].c1x.toFixed(1);
          a[i].c1x = parseFloat(a[i].c1x);
          a[i].c1y = a[i].c1y.toFixed(1);
          a[i].c1y = parseFloat(a[i].c1y);
          a[i].c2x = a[i].c2x.toFixed(1);
          a[i].c2x = parseFloat(a[i].c2x);
          a[i].c2y = a[i].c2y.toFixed(1);
          a[i].c2y = parseFloat(a[i].c2y);
          a[i].ex = a[i].ex.toFixed(1);
          a[i].ex = parseFloat(a[i].ex);
          a[i].ey = a[i].ey.toFixed(1);
          a[i].ey = parseFloat(a[i].ey);
        }
        return a;
      },
      bethelDraw(point, is_fill, color) {
        let ctx = this.data.ctx;
        ctx.beginPath();
        ctx.moveTo(point[0].mx, point[0].my);
        if (undefined != color) {
          ctx.setFillStyle(color);
          ctx.setStrokeStyle(color);
        } else {
          ctx.setFillStyle(point[0].color);
          ctx.setStrokeStyle(point[0].color);
        }
        for (let i = 1; i < point.length; i++) {
          ctx.bezierCurveTo(point[i].c1x, point[i].c1y, point[i].c2x, point[i].c2y, point[i].ex, point[i].ey);
        }
        ctx.stroke();
        if (undefined != is_fill) {
          ctx.fill(); 
        }
        ctx.draw(true)
      },
      selectColorEvent(event) {
        console.log(event)
        var color = event.currentTarget.dataset.colorValue;
        var colorSelected = event.currentTarget.dataset.color;
        this.setData({
          selectColor: colorSelected,
          lineColor: color
        })
      },
      setCanvasBg(color) {
        this.data.ctx.rect(0, 0, this.data.canvasWidth, this.data.canvasHeight - 4);
        // ctx.setFillStyle('red')
        this.data.ctx.setFillStyle(color)
        this.data.ctx.fill()  //设置填充
        this.data.ctx.draw()    //开画
    
      }
    })
    
    展开全文
  • 项目目录结构简要说明 整个压缩包不仅仅是系统的代码,还包括了整个过程当中的一些记录、一些学习资料的网址及一些学习测试某个功能的小项目,虽然比较的零乱,但应该没什么的影响,觉得有用的可以参考,没用的可以...

    项目目录结构简要说明

    整个压缩包不仅仅是系统的代码,还包括了整个过程当中的一些记录、一些学习资料的网址及一些学习测试某个功能的小项目,虽然比较的零乱,但应该没什么的影响,觉得有用的可以参考,没用的可以删除。

    服务端的项目:
    Catersys\Server\SimpleServer.sln

    客户端的项目:
    Catersys\Client\SimpleClient.sln

    打印端的项目:
    Catersys\PrintServer\PrintServer.sln

    后台管理项目(这个完成度最低):
    Catersys\CatersysBAM\CatersysBAM.sln

    自定义数据交换格式参考:
    Catersys\Data Exchange Protocol.xlsm

    特别声明

    整个项目用到了不少开源的代码或组,绝大多数是完整保留了其信息,需要特别说明的是网络通信组件,这个组件是来自于Stephen Clearly的Nito Program,是一个基于IOCP的网络通信组件,此组件在项目被重命名成了相应的NetCoreXXX项目;此外,DockPanelSplitter这个组件,稍作了修改以支持Resize的时候Splitter高亮显示(其实是劫持了一个已有属性)

    启动说明

    数据库脚本(SQL 2008 R2):Catersys\Database\script.sql

    对于餐饮软件来说,每天都有一个清机的操作。每天的营业日期被记录在数据库 SystemData.SRP表中的RKey02字段,正常情况下,每天正常清机后此字段将被重置为NULL,但由于前台程序还没有实现到此功能,此字段将会一直保持不变,测试时,必须每天手动重置此字段为NULL以开始正常操作。

    测试用户及密码

    ID:00、01、02、08、06,密码均为:00

    下载地址

    https://download.csdn.net/download/sunny_clickman/11952884

    展开全文
  • 没有用到什么复杂的技术,都是些比较基本的东西。下面是客户端、服务的结构及相关的截屏。 客户端 程序结构 项目结构 相关项目的作用请参考结构图。 屏幕截图 登录界面### 房台界面### 下单界面 ...S...
  • 手写板原理

    千次阅读 2019-03-06 12:53:04
    笔锋有两种方案:自己画(计算复杂度高且实现效果...计算手写板大小(全屏和半屏)、构造视图层次结构(Background、Margin)、扩展手写板大小: /*--------------------------------SogouIME.java--------------...
  • 界面支持透明,即使被输入法档住的内容也可以看到。 支持焦点跟踪,有输入跟踪可以自动弹出。 允许最小化,开启关闭更加方便。 丰富的二次开发接口,让您灵活定制无缝对接。 支持命令行调用各种功能,可以降低二次...
  • AI应用开发实战 - 手写算式计算器

    千次阅读 2018-09-28 09:01:07
    扩展手写数字识别应用 识别并计算简单手写数学表达式 主要知识点 了解MNIST数据集 了解如何扩展数据集 实现手写算式计算器 简介 本文将介绍一例支持识别手写数学表达式并对其进行计算的人工智能应用的...
  • 作为一名文艺青年,平时写字画画是我的一大爱好。 心情不错,来个创作! 还记得我们之前介绍过的Boogie Board电子手写板吗? 小木用的就是它。...全球首款支持局部擦除的手写板来了
  • WPF开发教程

    万次阅读 多人点赞 2019-07-02 23:13:20
    ------WPF开发教程 目录 WPF基础入门....... 1. WPF基础之体系结构......2. WPF基础之XAML....3. WPF基础之基元素......4. WPF基础之属性系统......5. WPF基础之路由事件......6. WPF基础之布局系统......7. WPF基础之样式设置和模板...
  • 【微信小程序canvas】实现小程序手写板用户签名(附代码) 工作中公司业务需要的微信小程序用户签字功能 先看效果图: demo wxml <view class="wrapper"> <view class="handBtn"> <button ...
  • 数据结构算法 我这次面试算法问的比较少,只手写过插入排序,建议把冒泡、插入、归并时间复杂度和实现熟悉熟悉,最好手写下,不然现场手写的时候容易出错。 作为一个有追求的程序员,这些数据结构、算法是需要掌握...
  • 因产品需求,我们打造了自主的画笔组件InkCanvas,在我们的...我们今天就来分享一下画笔组件的核心算法之一 —— 手写笔迹还原算法。 手写笔迹还原是将一系列有序的坐标采样点,转换为连续的笔划线条曲线的过程。 ...
  • 手写笔技术大不全

    千次阅读 2017-01-09 10:43:54
    巡礼:手写笔 2016年1月27日 by Majirefy 就算当年乔布斯还活着的时候,一些人们也不顾“教主”的倡导,在iPad上面配备一个手写笔。这种手写笔一般分为两种:蓝牙驱动的定位笔或者单纯模仿手指的电容笔。由于...
  • 除了特别版柔记,柔宇还展示了于今年6月份已量产的全柔性显示,薄如蝉翼的全柔性不仅可以随风飘动,呈波浪状弯曲,还能镶嵌在时尚礼帽里播放各种视频、图片,现场吸引大量观众围观,也让柔宇展位成为2018北京...
  • iOS之OpenGL ES实现手写“绘画板”

    万次阅读 2020-09-09 12:34:19
    绘制曲线 一、绘制曲线连接的点 在 OpenGL ES 中绘制曲线的方式,就是将曲线拆分成点序列来绘制。 因为要绘制点,所以采取的是点图元 。即要把顶点数据当成点来绘制,并且每个点都要绘制出笔触的纹理。...
  • ionic list上拉全屏显示,下拉恢复

    千次阅读 2016-09-30 15:06:49
    不方便上源码,这里简单写一下吧, 纯手写啊。。。 html: < div style = "width:100%;" ng-class = "{true:'detection-info-hide',false:'detection-info-show'}[detection_info_is_show]" > <!-- 下面...
  • css/HTML手写

    2021-02-18 23:45:56
    文章目录 手写/代码实现 正方形/圆形/半圆/三角形/骰子 实现三角形原理 圣杯布局 圣杯布局flex实现 双飞翼布局 手写/代码实现 正方形/圆形/半圆/三角形/骰子 实现三角形原理 基于标准盒模型实现: 一个盒子包括: ...
  • 图像识别(1)——手写笔&手势识别

    千次阅读 2016-10-12 10:33:18
    手写笔直接在投影仪平面上书写、绘画;直接通过手势动作可以操控Windows桌面或者软件; 具体可以观摩下面这个系列产品介绍视频:Windows无屏PC 上面这两个交互功能,都要用到图像识别。手写笔上有一个红外LED灯...
  • 算法对T5意图写的任何字母的解读在大约「秒的延迟」后出现在电脑屏幕上。 T5还被要求复制书写算法从未接触过的句子。他最终能够每分钟写出90个字符,大约18个单词。之后,他被要求回答开放性的问题(需要一些停顿来...
  • OCR 脱机手写汉字识别与印刷汉字识别
  • 从我在博客园写第一篇博客到现在已经有1年了,我的第一篇博客写的就是手写识别,当时,客户需求在应用中加入手写输入功能,由于第三方的手写输入法都无法定制界面,所以领导决定自主开发,所以我就很简单地基于...
  • 去掉了电磁手写笔,但加入了冷暖双色背光,香气四溢的标价,让它基本钦定是年轻人的第一台 10 英寸电纸书。 平板是买前生产力,买后爱奇艺。但电纸书基本只能看书,闲置就只能当泡面盖了,所以难怪电纸书是冷门产品...
  • 其实,手写签名,说白了就是画图。 我们先上一小小部分代码,最简朴无华的代码,功能就一个,让你可以手指为笔,屏幕作画板,挥洒豪情
  • 手写手机网站(meta)

    2018-05-26 23:08:07
    --它指定的iphone中safari顶端的状态条的样式默认值为default(白色),可以定为black(黑色)和black-translucent(灰色透明)--> js:   window.onload = window.onresize = fontSelf; function fontSelf() {...
  • OpenGL ES 实现刮刮卡和手写板功能

    千次阅读 2020-05-25 18:22:14
    其实利用 Android Canvas 实现类似刮刮卡或者手写板功能比较方便,通过自定义 View 绘制 2 个图层,位于上层的图层在手指划过的位置将透明度置为 0 ,这样下层图层的颜色便可以显示出来。
  • 脱机手写汉字识别的用途是把手写字符用字符阅读器自动输入计算机,常用于信函分拣、银行支票识别和统计报表处理以及手写文稿的自动输入。 从工作原理上说,脱机手写汉字识别和印刷汉字识别是一样的。但是由于手写...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,523
精华内容 1,409
关键字:

半屏手写