Comments (4)
it works, my bad
thanks for your help :)
from bubbly-bg.
You're right, but it has to be a <canvas>
element (docs), not a <div>
.
Here is an example: https://tipsy.github.io/bubbly-bg/custom-canvas-example.html
Using a div shouldn't really give you the error you're seeing, but let me know if using a canvas fixes it.
from bubbly-bg.
Did you read through https://reactjs.org/docs/cross-origin-errors.html ?
Seems weird that it only happens if you specify a canvas. How does the HTML for your canvas look?
from bubbly-bg.
Yes, I did.
I've tried
but it does not work.
this is my test component
I'm just curious that what canvas option exactly mean.
If I want background to show only inside this div (id = "background") so I have to use this option.
Am i right ?
you can try my repo. https://github.com/rainstormza/react-bubble
from bubbly-bg.
Related Issues (18)
- Set velocity based on resolution HOT 2
- Make example more resource friendly HOT 1
- How to disable or Remove Bubbly ? HOT 3
- SVG images instead of bubbles HOT 4
- Borders HOT 2
- Breaks scripts that come after it? HOT 2
- 能设置背景吗,气泡颜色怎么设置,我改了背景图不起作用 HOT 1
- How to set the radius? HOT 2
- Construct 3 plugin HOT 1
- specify canvas doesn't work HOT 1
- How to use with Reactjs HOT 2
- Distorted and fuzzy bubbles on canvas HOT 8
- want to be able to set a transparent background color HOT 1
- How to use in vue?
- not working with bulma css HOT 4
- bubble max_size HOT 12
- Gradient config HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bubbly-bg.