Canvas위의 Div속 text가 흐려지거나 진해집니다.
진달래
2023.04.01
canvas위에 div를 둬서 text를 적으려고 합니다. (position:absolute; 로 겹칩니다.)이때 canvas에 stroke과 관련된 행위가 일어나면플랫폼에 따라 text가 연해지기도 하고 bold먹인것처럼 진해지기도 합니다.
http://jsfiddle.net/qp5Au/3/
여기 샘플이 있는데요,왼쪽 아래 네모칸에 보시면 javascript의 제일 끝에 stroke관련 두개가 //로 주석되어 있습니다.얘네 주석을 넣고/빼고 위에 run버튼을 눌러 보시면
Mac(Chrome/Safari)의 경우 글씨가 연해지고윈도우에서 Chrome은 진해지며 사파리는 변화가 없어 문제가 생기지 않았습니다.서로 다른 플랫폼 간 렌더링 엔진의 해석 차이로 이런 문제가 생기는 것 같은데요,해결책이 있나요? 혹은 해결책은 아니더라도 우회방법이 있다면 알려 주시면 감사하겠습니다.
