I'm using html2canvas 0.5.0 alpha1 and I added some circles to the div that I want to send to the canvas with this CSS: .circle {height: 20px; width: 20px; border-radius: 20px; position: absolute; top: -8px;}
http://www.awesomescreenshot.com/image/297705/8c3f811182dc5a909c9c1cbd270dabd2 looks like this on chrome/safari, the circle doesn't render well.
Works well on Firefox though. Anyone knows of a way to fix the circle appearance on the canvas ?
The border-radius must be the half of the width/height. So setting it to 10px – or even better 50% will render a smooth circle:
div {
width: 20px;
height: 20px;
border-radius: 50%;
background: red;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다