Comments (5)
Dear @FerusAndBeyond thank you for your input, I have resolved the issue by adding controlled properties width and height, please check if possible and let me know if it is ok, you can see the example page as well.
from react-sketch.
Cool thx, hope you like the new feature/bug fix
from react-sketch.
Changing width and height works perfectly now, thanks! Though unless I did something wrong I noticed 2 issues when height and width are not specified. The height is set to 512 by this statement:
let canvasDivStyle = Object.assign({}, style ? style : {}, width ? {width: width} : {}, height ? {height: height} : {height: 512});
Changing {height:512} to {} removed this issue. Also in the configuration options it says if you leave height/width empty it will scale to parent but that does not seem to be the case for me.
from react-sketch.
Yes you are right, I have added a reasonable default value for height, I will correct the documentation. The other option would be to leave it blank and will automatically scale to parent height as well, but this would mean that to use the component you would have to be careful to strictly define the parent height.
Besides you can achieve the controlled width and height by supporting it with your own code as a controlled component (with higher order composition etc.)
Hope it helps
from react-sketch.
Yes I understand, I was just confused by the documentation.
from react-sketch.
Related Issues (20)
- null & undefined in react build HOT 10
- Looking for example to capture onMouseUp event
- Multicolor line based on state changes
- Pressure sensitivity
- not working oob HOT 1
- Socket IO implementation
- How to create a preview for a canvas object?
- how to implement text function into sketch
- WhiteBoard in add delete multiple tabs
- I wanted to Export the value of SketchField HOT 1
- Cannot find module 'react-sketch' or its corresponding type declarations HOT 2
- i want to get the signature drawn on the white canvas HOT 1
- Can react-seartch support adding arrows? HOT 2
- Getting drawn rectangles? HOT 1
- _ HOT 1
- It cannot be used normally when importing after installation, and the following error occurs HOT 2
- Ability to set background width type not available (All images crop)
- AddText options
- Is there any version of this code as a functional component? HOT 1
- Hi ,How can I change the mouse pointer from the plus to the normal pointer when using the pencil?
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 react-sketch.