收藏
回答

小程序画布 在iphone15promax上不能画出连续的线

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug Canvas 微信iOS客户端 8.0.47 3.3.4

https://developers.weixin.qq.com/miniprogram/dev/api/canvas/Canvas.html

iphone15promax不能画出连续的线,只能一段一段的。

iphone13 可以画出连续的线。

代码如下:

//wxml
<canvas canvas-id="signCanvas" class="canvasStyle" 
    bindtouchstart="onTouchStart" 
    bindtouchmove="onTouchMove" 
    bindtouchend="onTouchEnd"></canvas>


//script
Page({
    startX: 0, // Starting X coordinate
    startY: 0, // Starting Y coordinate
    isDrawing: false, // Flag to check if drawing is happening
    ctx: null, // Canvas context


    onLoad: function() {
        this.ctx = wx.createCanvasContext('signCanvas', this);
    },


    onTouchStart: function(e) {
        this.isDrawing = true;
        this.startX = e.touches[0].x;
        this.startY = e.touches[0].y;
    },


    onTouchMove: function(e) {
        if (!this.isDrawing) return;


        let x = e.touches[0].x;
        let y = e.touches[0].y;


        this.ctx.moveTo(this.startX, this.startY);
        this.ctx.lineTo(x, y);
        this.ctx.stroke();


        this.startX = x;
        this.startY = y;


        this.ctx.draw(true); // Add true to keep drawing on the same canvas without clearing previous content
    },


    onTouchEnd: function(e) {
        this.isDrawing = false;
    },


    clearCanvas: function() {
        this.ctx.clearRect(0, 0, 300, 200);
        this.ctx.draw();
    },


    saveCanvas: function() {
        wx.canvasToTempFilePath({
            canvasId: 'signCanvas',
            success: function(res) {
                // res.tempFilePath is the temporary file path of the canvas image
                console.log(res.tempFilePath);
                // You can save this path or upload the image as needed
            }
        }, this);
    }
});


//css
.canvasStyle {
    border: 1px solid #000; /* Basic border for visibility */
    width: 300px; /* Width of the canvas */
    height: 200px; /* Height of the canvas */
}



最后一次编辑于  03-14
回答关注问题邀请回答
收藏

2 个回答

  • Demons
    Demons
    03-14

    这是一个已知问题,我们会尽快进行修复。



    03-14
    有用 1
    回复 4
    • 耀
      耀
      03-21
      大概什么时候能够修复;是发布新版本解决吗?
      03-21
      回复
    • Demons
      Demons
      03-21回复耀
      基础库3.3.5试一下
      03-21
      回复
    • 耀
      耀
      03-21回复Demons
      我是微信用户,想问一下这个是小程序要升级吗?还是微信要升级?有的小程序没有反馈升级的渠道,最好微信升级解决。
      03-21
      回复
    • 阿怪
      阿怪
      03-21回复Demons
      3.3.5灰度中
      03-21
      回复
  • hello world
    hello world
    03-14

    这是ios已知问题,预计下个版本解决

    03-14
    有用
    回复 1
    • Alpha
      Alpha
      星期四 07:49
      好像还没解决
      星期四 07:49
      回复
登录 后发表内容