h5 实现画图手写签批功能

qq_41678978

于 2021-08-20 18:32:45 发布

阅读量570

点赞数 3

分类专栏：随手写的文章标签： html5 javascript css canvas

本文链接：https://blog.csdn.net/qq_41678978/article/details/119829592

版权

太久没更新博客了，又不知道写些什么。最近看到支付宝上的手写签批功能，就想着自己用h5实现了。写完了后发现太简单了，就加上了写以前window 画图软件的功能。以下为源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hb</title></head><style> html,

摘要由CSDN通过智能技术生成

太久没更新博客了，又不知道写些什么。最近看到支付宝上的手写签批功能，就想着自己用h5实现了。

写完了后发现太简单了，就加上了写以前window 画图软件的功能。

以下为源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hb</title>
</head>
<style>
    html, body {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .m {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .zt {
        height: 70%;
        width: 70%;
        border: #767070 solid 1px;
    }

    .content {
        margin-top: 1px;
        margin-left: 1px;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
    }

    .content div {
        width: 1px;
        height: 1px;
        float: left;
    }
</style>
<body>
<div class="m">
    <div id="col

最低0.47元/天解锁文章

qq_41678978

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
h5 实现画图手写签批功能

太久没更新博客了，又不知道写些什么。最近看到支付宝上的手写签批功能，就想着自己用h5实现了。写完了后发现太简单了，就加上了写以前window 画图软件的功能。以下为源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hb</title></head><style> html,
复制链接

扫一扫