- button的最小宽度是28px?
即使是把width和min-width设置成更小的数字,但是效果看起来就是28px。而高度height就没有这个最小限制。 是我的使用问题吗?
2021-09-08 - 基础库3.3.4的canvas 2d好像有问题,touch事件坐标x,y表现不一致,导致笔画错位
以上demo,在canvas渲染出来之前,滚动页面到不同位置,发现3.3.4版本当页面滚动到最底部时,笔画无法落在画布上
03-06 - 真机上用SVG路径方式创建Path2D报错,模拟器没问题,什么问题?
真机上用SVG path方式创建Path2D报错,模拟器没问题,为什么? const p0 = new Path2D('M0,17.9322971 C5.61532453,24.4437317 10.3525062,28.1893917 14.2115451,29.169277 C16.8867392,29.848561 20.1217384,24.1110756 28.904537,14.2758908 C30.9285487,12.0093548 33.9603697,9.32524387 38,6.22355807'); 错误: MiniProgramError "illegal param to init BindingPath2D" String
2021-01-15 - canvas 2d transForm在手机上测试为啥没有invertSelf这个方法呢?
在开发工具上是好好的 const transForm = ctx.getTransform(); console.log("transForm:",transForm.invertSelf()) 真机调试就报错 这个要让我手动转吗?
01-18 - iOS系统canvas drawImage传入非HTMLImageElement类型无法显示问题
尊敬的微信小程序团队, IOS系统下canvas的drawImage方法传入非HTMLImageElement类型无法显示,发现之前至少有2个相关报告: > 微信Bug:iOS系统drawImage传入HTMLCanvasElement类型无法显示 > 小程序的Canvas组件在3.0.0之后,drawImage无法使用离屏画布 因为我们项目依赖的插件因为这个问题无法在IOS下使用,非常影响项目上线进度,所以想问下大概的修复时间是什么时候? 感谢。
2023-11-15 - 新版canvas的drawImage当第一个参数是canvas时在IOS上无效
IOS 16.3.1 点击按钮时,将canvas1的内容绘制到canvas2,在开发工具与安卓客户端表现正常,在ios客户端无反应,不报错。 <!--index.wxml--> <view class="container"> <canvas id="canvas1" type="2d" style="width: 100px;height: 100px;"></canvas> <canvas id="canvas2" type="2d" style="width: 100px;height: 100px;"></canvas> <button type="primary" bindtap="draw">点击drawImage</button> </view> // index.js // 获取应用实例 const app = getApp() Page({ data: { canvas1:{}, ctx1:{}, canvas2:{}, ctx2:{}, }, onLoad() { console.log(this.data.canvas1,this.data.canvas2) wx.createSelectorQuery() .select('#canvas1') // 在 WXML 中填入的 id .fields({ node: true, size: true }) .exec((res) => { // Canvas 对象 this.data.canvas1 = res[0].node // Canvas 画布的实际绘制宽高 const renderWidth = res[0].width const renderHeight = res[0].height // Canvas 绘制上下文 this.data.ctx1 = this.data.canvas1.getContext('2d') // 初始化画布大小 const dpr = wx.getWindowInfo().pixelRatio this.data.canvas1.width = renderWidth * dpr this.data.canvas1.height = renderHeight * dpr this.data.ctx1.scale(dpr, dpr) this.data.ctx1.fillStyle = "#F00"; this.data.ctx1.fillRect(0,0,100,100); console.log(this.data.canvas1) }) wx.createSelectorQuery() .select('#canvas2') // 在 WXML 中填入的 id .fields({ node: true, size: true }) .exec((res) => { // Canvas 对象 this.data.canvas2 = res[0].node // Canvas 画布的实际绘制宽高 const renderWidth = res[0].width const renderHeight = res[0].height // Canvas 绘制上下文 this.data.ctx2 = this.data.canvas2.getContext('2d') // 初始化画布大小 const dpr = wx.getWindowInfo().pixelRatio this.data.canvas2.width = renderWidth * dpr this.data.canvas2.height = renderHeight * dpr this.data.ctx2.scale(dpr, dpr); this.data.ctx2.fillStyle = "#0F0"; this.data.ctx2.fillRect(0,0,100,100); console.log(this.data.canvas2) }) }, draw() { console.log(this.data.canvas1); this.data.ctx2.drawImage(this.data.canvas1,0,0,100,100,0,0,100,100); } })
2023-07-16 - 小程序的Canvas组件在3.0.0之后,drawImage无法使用离屏画布
您好,我是LeaferJS的创始人,我们正在开发一款可以支持微信小程序的轻量化Canvas 2D图形渲染引擎,比较依赖Canvas组件与离屏画布的交互能力,3.0.0之前的几个版本,我们的用户使用基本都没问题,3.0.0之后Canvas组件drawImage就突然不能绘制离屏画布了。用户通过我们提供的API能够很方便的绘制海报、开发图形编辑工具,在一定程度上可以增强小程序的画布能力,希望官方能够开启这个支持,谢谢~ 在index.wxml中创建Canvas组件,然后在index.js文件中通过drawImage将离屏画布绘制到Canvas中会报错~ 代码片段: https://developers.weixin.qq.com/s/jgljvxmB7CLH 报错内容: [图片]
2023-10-12