The boundary of the canvas is static and smaller than what it should be

[amiramri0200]

Hello to everyone, In my project I am supposed to read an excel file and show the diagram base on the content of the excel. I am facing 2 problems 1- the boundary of the canvas in not aligned properly with its parent div

https://user-images.githubusercontent.com/69210887/110777809-cb178480-8276-11eb-8daa-cd9ff36a8efe.mp4

2 - when the chrome zoom is in its normal state and I upload my excel file and draw the shape the shape is not drawn completely, but when I zoom out the chrome it draw the shape completely

https://user-images.githubusercontent.com/69210887/110780173-a8d33600-8279-11eb-8aff-4e472df7e1dd.mp4

How can I fix these two problems?

Thanks