준호씨의 블로그

아래 코드에서 videoId 값만 바꿔 주면 된다. 영상의 재생이 끝나면 onPlayerStateChange 가 호출 되는데 이때 다시 playVideo() 함수 호출해서 다시 재생해 주는 방식이다. onPlayerReady 이벤트를 이용해서 플레이어가 준비 되면 자동 재생 되도록 해 두면 페이지가 열리면서 무한재생을 시작하게 만들 수 있다. References https://developers.google.com/youtube/iframe_api_reference

그래픽 프로그램에서는 drop shadow 라는 용어를 많이 쓴다. shadowColor 를 지정해 주고, shadowBlur 값을 지정해 주면 그림자가 생긴다. context.shadowColor = "black"; context.shadowBlur = 5; ` 그림자의 위치를 조정해 보자. context.shadowColor = "black"; context.shadowBlur = 5; context.shadowOffsetX = 5; context.shadowOffsetY = 5; 그림자를 반투명하게 만들고 싶다면 shadowColor 설정할 때, rgba 를 이용한다. context.shadowColor = "rgba(0,0,0,0.5)"; context.shadowBlur = 5; context...

strokeText 했더니 삐죽삐죽 가시가 나온다면? lineJoin 형식이 기본 miter 로 되어 있는데, 선과 선이 연결 되는 부분을 뾰족하게 처리 해 준다는 의미이다. lineJoin 을 round 로 해주면 매끄럽게 처리 된다. context.lineJoin = 'round';

텍스트에 outline 효과를 주고 싶으면 strokeText 를 이용하면 된다. 테두리 색은 기본 black 이다. 만약 바꾸고 싶으면 strokeStyle 값을 바꿔 주면 된다. context.strokeStyle = 'black';