没那么复杂,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