没那么复杂,canvasToTempFilePath中添加两个参数即可。 wx.canvasToTempFilePath ... fileType: 'jpg', quality: 0.7,
如何使用RenderingContext压缩图片(压缩后图片为空白)?借鉴了网上的代码,使用画布,将图像重绘后,保存。试了两种保存方法,都返回空白图片。基础库:2.21.4 WXML: JS: (确定了传入的img_src是对的,在开发者工具里似乎把本地图片链接都转为http链接了) var that = this; wx.getImageInfo({ src: img_src, success(res){ //---------利用canvas压缩图片-------------- var canvasHeight =300; var canvasWidth = 400; that.setData({ cHeight: canvasHeight, cWidth: canvasWidth }); wx.createSelectorQuery() .select('#myCanvas') // 在 WXML 中填入的 id .fields({ node: true, size: true }) .exec((res) => { // Canvas 对象 const canvas = res[0].node // Canvas 画布的实际绘制宽高 const renderWidth = res[0].width const renderHeight = res[0].height // Canvas 绘制上下文 const ctx = canvas.getContext('2d') // 初始化画布大小 const dpr = wx.getWindowInfo().pixelRatio canvas.width = renderWidth * dpr canvas.height = renderHeight * dpr ctx.scale(dpr, dpr) var img = canvas.createImage(); img.src= img_src; ctx.drawImage(img, 0, 0,canvasWidth,canvasHeight) //下面是两种保存方法, wx.canvasToTempFilePath({ canvas: canvas, success(res){ that.setData({ temp: res.tempFilePath }) _img = res.tempFilePath; console.log("chenggong") }, fail(res){ console.log("shibai") console.log(res.data) } }) const path = canvas.toDataURL("image/jpeg", 0.7) //返回值是一个数据url,是base64组成的图片的源数据、可以直接赋值给图片的src属性 that.setData({ base64_img: path, base64: true }) console.log(path) }) } })
2022-09-05https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.canvasToTempFilePath.html 把当前画布指定区域的内容导出生成指定大小的图片。在 [代码]draw()[代码] 回调里调用该方法才能保证图片导出成功。
canvas 2d导出第一张图片时空白,是代码问题?用户上传的图片中第一张有可能是空白的图片,很奇怪,感觉是代码问题,ctx.drawImage后需要延迟调用canvasToTempFilePath吗? wx.createSelectorQuery() .select('#canvas') .fields({node: true, size: true}) .exec((res) => { const canvas = res[0].node let dpr = wx.getSystemInfoSync().pixelRatio; dpr = dpr > 2 ? 2 : dpr canvas.width = this.cWidth * dpr canvas.height = this.cHeight * dpr const ctx = canvas.getContext('2d') const img = canvas.createImage() img.src = tempFilePaths[0] img.onload = () => { ctx.drawImage(img, 0, 0, this.cWidth * dpr, this.cHeight * dpr) wx.canvasToTempFilePath({canvas, success: (res) => { ... }}) } })
2022-05-09组件中properties加个imglist属性,observers监听imglist 页面中 <xx imglist={{page.data.imglist}}></xx> setData imglist 是这个意思吧
小程序组件能直接访问到父页面中的data值?子组件与父页面,data中都有一个imglist的属性。当父页面上的imglist有值的时候,子组件中imglist能够直接获取到这个值。而不用父组件给它传过去?
2022-04-21关注中.. 这个人不地道,截流就截流贝,还造谣,太狠了。 楼主也注册个视频号吧,把这些信息刷下去。
公众号被恶意截流,该如何投诉?您好,我是公众号 “大牌母婴省钱攻略”(公众号id:Dapaimy)的运营负责人,我们是一个母婴知识分享,母婴用品推荐的一个认证公众号,经过半年时间的运营,我们现在已有粉丝7万+,我们主要的引流渠道来自抖音,通过短视频吸引用户关注我们的公众号。 但近期我们发现了恶意截流现象,用户搜索我们的公众号id发现有视频号挂着我们公众号id的话题,并且封面图文案是:“抖音来的看过来,其它都是骗子”这种恶意造谣、截流文案(案例看下图),希望相关的负责人能帮我解决这个问题。 [图片]
2022-03-17这个api有个参数sizeType是可以设置成原图不压缩
小程序调用chooseImage后,拍照后图片被自动压缩?小程序调用chooseImage后,拍照后图片被自动压缩,导致分辨率下降
2021-09-28截一下这段代码看看。
where语句查询时出现空集合?大佬救命!最近想要在小程序里面开发个用户个人界面,希望用where语句查询到用户自己的openid对应的帖子展示出来,但是在用where语句查询的时候就有问题了 当我在where语句里面直接输入this.data.openid的打印值的时候就可以显示出正常的结果 但是当我把where语句里面的数值换成this.data.openid的时候,就返回了空集合这是为什么呀
2021-09-14以前有个api可以,现在取消了
监听截屏api的需求?希望只监听用户截屏小程序界面的截屏事件。我测试了一下,好像小程序放后台,前台看别的应用,看别的应用时截屏,然后回到小程序,也会收到截屏事件的监听结果返回。
2021-08-23一次接受消息的用户最多只能推3条
请教一个订阅消息的问题?想实现一个功能,就是当一名用户发布一个内容后可以给指定的一群用户推送订阅消息。请问有没有办法在接受消息的用户不需要多次主动操作授权的情况下,实现此功能?
2021-08-23Image组件加个属性webp="{{true}}"
真机中webp不能显示,iOS/Android平台是全面支持webp吗?根据文档基础款在2.9.0以上,即可支持webp。目前我遇到的问题是,iOS真机上webp不能显示,开发工具的模拟器中可以。 基础库版本是2.14.1 微信版本8.0.9/ iOS14.2 , 微信8.0.10/ iOS 13.3, 微信8.0.7/Android 9. ``` import xxxImage from '../../../assets/images/xxx.webp'; <Image className="xxx-image" src={xxxImage} mode="widthFix" webp /> ```
2021-08-16是一样的,放心去印刷吧。
小程序未发布前的小程序码和发布后的小程序码一样的么?问题描述:1、现在小程序还在开发中,但是想现在把小程序码下载下来,打印出来,这样现在线下推广,用户在发布以后,就可以直接扫码。 2、小程序码是不是在开发中和发布后的小程序码是一模一样的?
2021-08-12