Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MaskImage #146

Open
txeto90 opened this issue Aug 18, 2022 · 5 comments
Open

MaskImage #146

txeto90 opened this issue Aug 18, 2022 · 5 comments

Comments

@txeto90
Copy link

txeto90 commented Aug 18, 2022

Hello, can anybody help me?
I have problems with MaskImage, I'm using 2.1.0-beta version and I don't know how to put an image by config or if I need to do something else.

Thanks.

@DamonWugo
Copy link

I have a same question. Hope someone can help me. I don't know what is MaskImage.

@1985008532
Copy link

1985008532 commented Sep 22, 2022

if you want to use maskImage, you show use image as base64,
example:
const maskImage = new Image()
maskImage.src = "data:image/png;base64,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AAEC+4XgpWthqOb0aokfrWUQ2xIgQIAAAQIECBBYEPhVXq+a+N2kItWg3jLxpUkHsB0BAgQIECBAgACBZQJPyM8HTqpSDer9EodOOoDtCBAgQIAAAQIECCwTqEefXjNx/iQy1aBWh/uqSTa2DQECBAgQIECAAIF1COyTz986iU41qC9MPH2SjW1DgAABAgQIECBAYB1JeodlAAASXklEQVQC383n109cNK5QNaivTzxq3A2tT4AAAQIECBAgQGAVgb3y+w+Mq1QN6rsSe4+7ofUJECBAgAABAgQIrCJwRH5/23GVqkH9ZOJO425ofQIECBAgQIAAAQIjCNwk6xw7wnp/WqUa1K8lakMLAQIECBAgQIAAgWkL/FcGfNg4g1aDenJiu3E2si4BAgQIECBAgACBEQXOy3pXSZwx4voXP+a07va/5agbWI8AAQIECBAgQIDAmAJPy/ovHnWbalDPSWw26gbWI0CAAAECBAgQIDCmwI+y/raJC0fZrhrUek7qpqOsbB0CBAgQIECAAAECEwqMfMupalDrvIBNJpzIZgQIECBAgAABAgRGEXhvVrrfKCtWg/qHxMajrGwdAgQIECBAgAABAhMKVM+5VeKs1bavBvX8xEarrej3BAgQIECAAAECBNYo8JBsf8hqY1SDWier1quFAAECBAgQIECAQJMC9YCoO682QTWmF622kt8TIECAAAECBAgQmJLAlTLOqesbS4M6JWnDECBAgAABAgQIjCTwhKx1oAZ1JCsrESBAgAABAgQItCBwZObYTYPagrQpCBAgQIAAAQIERhaoR5/+bF1r11f8v0lsMfJwViRAgAABAgQIECCwNoHHZvP/WF+DWt1rnaxqIUCAAAECBAgQINCGwGcyyR7ra1C/l19eq41MzEGAAAECBAgQIEAgAhcktkn8ciWN+or/m4kboiJAgAABAgQIECDQosDDM9db1tWgHpVf3KLFZExFgAABAgQIECBA4MMh+Lt1Naifzi92Z0SAAAECBAgQIECgRYFzM1ddqH/+8jnrK/4PJe7eYjKmIkCAAAECBAgQIFACt0l8caUG9a358B8ZESBAgAABAgQIEGhZ4FmZ7/krNagvyYdPbTkZ0xEgQIAAAQIECBD4bAj+6lTT+or/yYmX8SFAgAABAgQIECDQssCK56FWg/qgxNtaTsZ0BAgQIECAAAECBErg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"

@1985008532
Copy link

if you use maskImage more than one chart in one page, you can use setTimeout to contain setOption, you can see issues75。

@tiago138
Copy link

if you want to use maskImage, you show use image as base64,

I tried it on next.js it don't worked for me

@txeto90
Copy link
Author

txeto90 commented Sep 29, 2022

@1985008532 Thanks, I tried your solution and it works for me, it take same figure but I can't show the maskImage on background. There are any specific value or property for show it?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants