Skip to content

Not working for webkit-filter #493

Open
@Prashu33

Description

@Prashu33

I'm using webkit brightness effect on canvas but while converting that canvas into new canvas these effects are not applied..

-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);

Activity

niklasvh

niklasvh commented on Dec 26, 2014

@niklasvh
Owner

css filter's haven't been implemented

moxet

moxet commented on Mar 5, 2015

@moxet

I am also waiting for filters to be implemented, @niklasvh any idea if we could do it by ourselves? Regards

animista01

animista01 commented on Jul 14, 2015

@animista01

+1. I'm waiting too

danielfigueroa

danielfigueroa commented on Aug 3, 2015

@danielfigueroa

What about this new feature?

jonasmiddendorf

jonasmiddendorf commented on Jun 13, 2016

@jonasmiddendorf

+1. I'm waiting too

arsen2010

arsen2010 commented on Jun 14, 2016

@arsen2010

Me too, expecting -webkit-filter:blur() work, thank you.

zhiyan

zhiyan commented on Jan 3, 2017

@zhiyan

+1. waiting too

ghost

ghost commented on Jan 31, 2017

@ghost

+1

benlei

benlei commented on Feb 14, 2017

@benlei

+1

kriosguerra3

kriosguerra3 commented on Mar 6, 2017

@kriosguerra3

+1

LanderBeeuwsaert

LanderBeeuwsaert commented on Aug 14, 2017

@LanderBeeuwsaert

+1

fernandofc

fernandofc commented on Aug 24, 2017

@fernandofc

+1

alexkostenko

alexkostenko commented on Sep 1, 2017

@alexkostenko

+1

15 remaining items

istoan

istoan commented on Oct 20, 2020

@istoan

@ysk2014 I managed to compile the file and the results seem to be the same as with the other html2canvas.js file downloaded from https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870

This is how it looks inside my HTML page:
Screenshot of HTML Elements

This is the results produced with the new html2canvas.js code:
Capture with html2canvas

Am I missing something? Are there some special arguments I need to add? Right now I use:

allowTaint: true,
scale: 2,
logging: false,
useCORS: true
ysk2014

ysk2014 commented on Oct 21, 2020

@ysk2014

@istoan Can you provide the code? It's easy for me to find problems.

istoan

istoan commented on Oct 21, 2020

@istoan

@ysk2014 An example can be found here:
https://istoan.com/work/html2canvas-filters-test/

And the files for that example are attached
html2canvas-filters-test.zip

ysk2014

ysk2014 commented on Oct 21, 2020

@ysk2014

@istoan Sorry. Filter only supports img at present

istoan

istoan commented on Oct 21, 2020

@istoan

@ysk2014 Oh, that's why I got those results. Do you know any library that can save an image from HTML elements with filters applied? I really need a solution for this in order to deliver the functionality my app had inside the old Flash based version.

ysk2014

ysk2014 commented on Oct 21, 2020

@ysk2014

@istoan You can try dom-to-image. In fact, html2canvas can also be implemented, but the compatibility is not good

istoan

istoan commented on Oct 21, 2020

@istoan

@ysk2014 Thank you very much! dom-to-image works as it should. You are a life saver!

Ronkiro

Ronkiro commented on Dec 22, 2022

@Ronkiro

Any updates to this? dom-to-image is sadly not working well in my case. Html2canvas does everything correctly, the only problem is the filter

Jashan66

Jashan66 commented on Jan 13, 2023

@Jashan66

Any updates to this? dom-to-image is sadly not working well in my case. Html2canvas does everything correctly, the only problem is the filter

+1

AugustinMortier

AugustinMortier commented on Feb 13, 2023

@AugustinMortier

I would also appreciate very much this feature :)

vini-rossi

vini-rossi commented on Apr 27, 2023

@vini-rossi

I would also appreciate very much this feature :)

+1

hkanizawa

hkanizawa commented on Nov 16, 2023

@hkanizawa

I would also appreciate very much this feature :)

+1

Ronkiro

Ronkiro commented on Nov 17, 2023

@Ronkiro

For people looking for a solution that doesn't uses dom-to-image, i managed to make what i wanted by using Jimp.

See jimp-dev/jimp#1194

FranH20

FranH20 commented on Dec 18, 2023

@FranH20

I have the same problem, the filter brightness() dosen't work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @niklasvh@moxet@LanderBeeuwsaert@zhiyan@animista01

        Issue actions

          Not working for webkit-filter · Issue #493 · niklasvh/html2canvas