使用FabricJS对大图像应用滤镜(巨坑)

news/2024/12/14 11:56:26/

背景:我司在canvas的渲染模板的宽高都大于2048px 都几乎接近4000px,就导致使用FabricJS的滤镜功能图片显示异常

新知识:滤镜是对图片纹理的处理
FabricJS所能支持的最大图片纹理是2048的 一但图片超出2048的纹理尺寸 当应用滤镜时,图像会被剪切或者是缩放。

1.网上有解决方案是对图片先进行缩小使用滤镜完后再放大 特别麻烦

2.解决方案很简单 我们只需要设置fabric.textureSize的初始值就好了

 // 初始化fabric

    fabric.textureSize = 4000  // 我们只需要初始化的设置fabric的默认纹理大小即可 这个值不能太大 如果是滑块控制数值那么就会卡顿 

    const canvas = new fabric.Canvas('canvas', { });


http://www.ppmy.cn/news/1555007.html

相关文章

Linux进阶·如何在Ubuntu安装、调试、运行gcc/g++,以及如何进行多文件编译

目录 1. 简介 2. 安装gcc 3. gcc的编译流程 3.1 预处理 3.2 编译 3.3 汇编 3.4 链接 4. gcc相关参数 5. 多文件编译 6. gcc和g的区别 1. 简介 gcc是Linux下的编译工具集,是GNU Compiler Collection的缩写,包含gcc, g等编译器。这个工…

测试线上问题复盘文档

一、错误简述 问题发生的时间线及行为 二、错误影响 影响范围 三、根本原因分析 刨根问底,顺藤摸瓜,造成错误的最根本原因是什么 四、反省经验 吃一堑长一智,从错误中学习到的宝贵经验 五、纠正措施 为了避免重蹈覆辙,都有那些短期…

更新数据时Redis的操作

一般做法是在数据库更新后删除Redis中对应的缓存数据,而非更新数据。那么为什么要这么做呢? 以下是一些拙见 场景使用 金融交易系统:在金融领域,数据的准确性至关重要。任何数据不一致都可能导致严重的财务损失。因此&#xff0…

题目 2780: 奇偶数判断

题目 2780: 奇偶数判断 时间限制: 2s 内存限制: 192MB 提交: 11198 解决: 6848 题目描述 给定一个整数,判断该数是奇数还是偶数。 输入格式 输入仅一行,一个大于零的正整数n。 输出格式 输出仅一行,如果n是奇数,输出odd&#xff1…

Django 与 Flask 框架深度剖析

一、框架概述 起源与发展 Django: 诞生于新闻应用开发环境,旨在快速构建复杂、数据库驱动的网站。由 Django 软件基金会维护,拥有庞大的社区支持,持续更新迭代。其发展遵循稳定、功能丰富的路线,注重安全性与可扩展性的…

全国青少年信息学奥林匹克竞赛(信奥赛)备考实战之计数器与累加器实战题目

题目1—三个连续的自然数计算 问题描述: 若有3个连续的自然数,已知第一个自然数为100,请编写程序输出这3个自然数。 输入格式: 无 输出格式: 三行三个整数 输入输出样例: 输入样例 输出样例 无 1…

Tongweb7049M4有关SSL/TLS 服务器瞬时 Diffie-Hellman 公共密钥过弱的处理方案(by lqw)

前提条件:Tongweb7049M4已在http通道里配置了https(如何配置https可以参考这个帖子:东方通TongWEB添加Https证书,开启SSL) 遇到客户在配置了https后,扫描漏洞提示: 有关SSL/TLS 服务器瞬时 Dif…

电子电气架构 --- 智能座舱域控制器及座舱芯片(SoC)

我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 所谓鸡汤,要么蛊惑你认命,要么怂恿你拼命,但都是回避问题的根源,以现象替代逻辑,以情绪代替思考,把消极接受现实的懦弱,伪装成乐观面对不幸的…