收藏
回答

canvas 上的图片以及文字实现高斯模糊

框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 canvas 微信iOS客户端 6.6.2 1.7.3

需求:

canvas生成图片分享给好友,怎么实现图片上的图片和文字分别高斯模糊,小程序码压在模糊图片上?


回答关注问题邀请回答
收藏

7 个回答

  • 2018-02-06
    ctx.filter = 'blur(5px)';
    // 使用 ctx 画背景图片和字
    ctx.filter = 'none'
    // 使用 ctx 画程序码


    2018-02-06
    有用 1
    回复
  • 葉鑫🍃
    葉鑫🍃
    2023-06-26

    我跟你们讲,没一个方法是有用的,掘金上面那个吃运算能卡1分钟,blur方法安卓无效!

    给你们换个思路:

    1、让后端生成一张高斯模糊图

    2、让设计师给个高斯蒙板

    2023-06-26
    有用
    回复
  • Small+
    Small+
    2018-11-30

    楼主解决了嘛?现在也遇到一样的问题

    2018-11-30
    有用
    回复 1
    • 2018-11-30

      后台生成高斯模糊的图片给我的,哈哈哈

      2018-11-30
      回复
  • 2018-02-06

    属于兼容性问题了。可以请求微信官方支持 canvasContext.filter @lastLeaf

    2018-02-06
    有用
    回复
  • 2018-02-06

    web端的canvas有filter这个方法,小程序好像没有对应的方法

    2018-02-06
    有用
    回复
  • 2018-02-06

    我尝试了下,好像没有作用呢

    2018-02-06
    有用
    回复
  • 2018-02-06

    参考:https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/filter

    2018-02-06
    有用
    回复
登录 后发表内容