zoukankan      html  css  js  c++  java
  • 关于小程序画图并且下载到本地

    都是他们的坑  小程序的文档 太不细节了  而且经常更新版本  造成之前的代码不能用

    先放wxml的代码 很简单

    <view class='container'>
    <canvas canvas-id='testCanvas' class='testCanvas'></canvas>
    <button bindtap='clickMe' open-type="getuserinfo">点击我生成图片保存相册</button>
    </view>

    然后放js

    Page({
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        const ctx = wx.createCanvasContext('testCanvas');//这个代码要放onload里面   腾讯真坑 啥都不说
        ctx.drawImage("cat.png", 0, 0, 150, 150);//图片的路径注意细节,这个名字是放在和JS相同目录的 用的这个名字
        ctx.draw();
      },
        clickMe() {
          wx.canvasToTempFilePath({
        
            canvasId: 'testCanvas',
            fileType: 'jpg',
            success: function (res) {
              wx.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
                success(res) {
                  console.log(res)
                  wx.hideLoading();
                  wx.showToast({
                    title: '保存成功',
                  });
                },
                fail() {
                  wx.hideLoading()
                }
              })
            }
          })
        }
    
      
     
    })
  • 相关阅读:
    进阶篇:3.1.8)DFM塑胶-注射模具和设备
    PAT-甲级-1001-A+B Format
    腾讯-004-两个排序数组的中位数
    机器学习三 决策树
    腾讯-002-两数相加
    2018.3.15
    2018.3.14
    2018.3.13
    废代码合集
    边缘检测程序(matlab)
  • 原文地址:https://www.cnblogs.com/baker95935/p/10707079.html
Copyright © 2011-2022 走看看