前端小白分享|canvas用户上传图片选择相框并长按保存到本地

qq_40940552

于 2021-09-16 12:03:18 发布

阅读量501

点赞数

分类专栏：前端文章标签： canvas

本文链接：https://blog.csdn.net/qq_40940552/article/details/120326003

版权

结合了几篇文章写（拼凑）出的用户上传图片然后选择相框并长按保存到本地的功能

兼容苹果手机！！！分享给像我一样的前端小白~

先上图：

上代码：

upload.html

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="user-scalable = no">
    <link rel="stylesheet" href="css/upload.css">
    <title>上传图片</title>
</head>
<script>
    // 为了让网络图片先加载 但是没有用 有知道怎么做的小伙伴告诉我一下  谢谢
    window.onload = function () {
        "https://i.loli.net/2021/09/15/gTEqXaAo5UcyZzR.png"
        "https://i.loli.net/2021/09/15/IZFRSMeNiUrnpOC.png"
        "https://i.loli.net/2021/09/15/o6HN9JpIwALEeM8.png"
    }
</script>

<body>
    <!-- 背景图片 -->
    <img src="img/uploadBg.jpg" alt="" class="uploadBg">
    <!-- 图片展示背景 -->
    <canvas id="myCanvas" width="600" height="900">
        <img src="" id="img3" alt="" crossorigin="anonymous" style="width: 50%; display: none;">
        <img src="" id="img4" alt

最低0.47元/天解锁文章

qq_40940552

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端小白分享|canvas用户上传图片选择相框并长按保存到本地

结合了几篇文章写（拼凑）出的用户上传图片然后选择相框并长按保存到本地的功能兼容苹果手机！！！分享给像我一样的前端小白~先上图：上代码：upload.html<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &...
复制链接

扫一扫