Rishabh Shukla Posted August 12, 2023 Share Posted August 12, 2023 import React from "react"; import { useSelector } from "react-redux"; import { imgUploadSelector } from "../redux/imageuploadSlice"; import { Stage, Sprite, withFilters, Container } from "@pixi/react"; import * as PIXI from "pixi.js"; const Pallet = () => { const { uploadedImage } = useSelector(imgUploadSelector); const Filters = withFilters(Container, { blur: PIXI.BlurFilter, matrix: PIXI.ColorMatrixFilter, }); return ( <div className="flex justify-center"> <Stage height={uploadedImage.height} width={uploadedImage.width}> <Filters blur={{ blur: 0 }} matrix={{ enabled: true }} apply={({ matrix }) => { matrix.contrast(2); matrix.brightness(2); }} > <Sprite image={uploadedImage.image} /> </Filters> </Stage> </div> ); }; export default Pallet; I want help why in this only last property brightness is only showing in my screen not contrast. I have tried using Adjustment filter but it has been deprecated. I tried to get answer in stack overflow but not got any answer. Any help in this topic or matter is appreciated. Please contact to me via mail [email protected]. Thankyou Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.