html5 2

canvas -> image 로 바꾸는 방법 + 크로스도메인 이슈

canvas로 생성한 이미지의 경우 데스크탑에서 오른쪽버튼 누르면 이미지로 저장할 수 있었는데. .모바일에선 이미지로 저장할 수 없었다. 화면자체에 Image로 표시해주기 위해 아래같이 코드사용. var myImage = document.createElement('img'); myImage.crossOrigin="*"; myImage.width=760; myImage.height=760; myImage.src = canvas.toDataURL('image/jpg'); canvas의 toDataURL()을 사용하게 되면 현재 캔버스의 url을 갖고오게 되고, 이미지의 src로 설정하면 Image로 나오게된다. 그런데 테스트시 계속 아래같이 크로스도메인 이슈가 나오게 된다. dynamicrunners.htm..

웹 구현 필요사항 메모(JAVA script + google Sheet api)

이번에 새로 간단한 프로젝트 진행하면서 참고한 웹페이지들 -> 정리할때 참고 HTML5 javascript - canvas에 이미지를 그린다 - 그린 이미지 위에 text를 그린 후 이미지로 추출 - 입력할 text data는 구글 스프레드 시트에서부터 얻기(구글 스프레드시트 api활용) - 구글 데이터만큼 위의 canvas를 생성 화면에 그려준다. 끝! java script - function https://www.everdevel.com/JavaScript/return/ everdevel 웹 입문 사이트 에버디벨 - HTML, CSS, JavaScript, jQuery, MySQL ,PHP를 다룹니다. www.everdevel.com https://www.codingfactory.net/10386 J..