Javascript 이미지 DataURL변환 안녕하세요. 오늘은 JavaScript로 이미지를 DataURL로 변환해보겠습니다. 자바스크립트 코드. 결과. 자바스크립트 코드. 처음에는 이 코드를 사용했는데 코드에는 별 문제가 없어보였는데 제가 원하는 결과를 출력해주지는 않았습니다. 캔버스에 못그리는건가..? (source라는 id를 가진 요소가 있어야함.) function getBase64Image() { var c = document.createElement('canvas'); var img = document.getElementById('source'); c.height = img.naturalHeight; c.width = img.naturalWidth; var ctx = c.getContext('..
자바 버튼에 이미지 넣기[swing] 안녕하세요. 오늘은 버튼에 이미지를 넣어보겠습니다. 초기 코드. 이미지를 넣은 코드. 버튼에 넣은 이미지만 보이게 만들기. 실행결과 버튼 코드. 초기 버튼 코드는 프레임에 원하는 버튼 하나를 추가한 코드입니다. 아래 글을 참고하시면 더 쉽게 이해할 수 있을겁니다. (아래 코드도 있습니다.) [프로그래밍/JAVA] - java swing 창 만들기 java swing 창 만들기 자바 스윙(java swing) 창 만들기 자바에서 gui시작하기. JFrame을 이용해 창을 만드는 방법입니다. 1. Main.java만들기 2. program.java만들기 3. JFrame상속(gui기반의 프로그램을 만들기 위해 상속) 4. JFrame.. intunknown.tistory..
자바 버튼으로 패널 전환[swing] 안녕하세요. 이번에는 서로 다른 이미지가 배경으로 있는 패널(JPanel)을 전환해 보도록 하겠습니다. 패널, 버튼 만들기. 전체 코드. 결과. 이 글에는 커서 custom부분도 있으므로 아래 글을 참고해주세요. (필요 없는 기능이지만 지우기 귀찮아서) [프로그래밍/JAVA] - 자바 마우스 커서 제작, 변경[swing] 자바 마우스 커서 제작, 변경[swing] 자바 마우스 커서 제작, 변경[swing] 안녕하세요. 오늘은 자바 스윙에서 마우스 커서를 제가 원하는 이미지로 바꿔보겠습니다. 마우스 커서 이미지. 마우스 커서 custom 코드. 실행결과. 마우스 커서 이미지. 마우.. intunknown.tistory.com 패널 만들기 아래 글을 한번 보고 오세요. ..
자바 패널에 이미지 넣기 안녕하세요. 오늘은 자바 패널(Panel)에 이미지를 넣어보겠습니다. 패널 만들기 넣을 이미지 준비 코드. 실행 결과 1. java swing 패널 만들기. 이 부분은 아래 글을 먼저 보시면 도움이 될겁니다. [프로그래밍/JAVA] - java swing 창 만들기 java swing 창 만들기 자바 스윙(java swing) 창 만들기 자바에서 gui시작하기. JFrame을 이용해 창을 만드는 방법입니다. 1. Main.java만들기 2. program.java만들기 3. JFrame상속(gui기반의 프로그램을 만들기 위해 상속) 4. JFrame.. intunknown.tistory.com 아래 코드처럼 기본적은 틀을 먼저 만들어줍니다. package test01; impor..
자바 프레임에 이미지 넣기[java swing]. 안녕하세요. 오늘은 자바 프레임에 이미지를 넣어보겠습니다. 프레임 만들기. 넣을 이미지 준비. 코드. 실행 결과. 1. java swing 프레임[JFrame] 만들기. 이미지가 들어갈 Gui프레임을 만들어보겠습니다. 아래 글을 참고하거나 아래 코드를 조금 보시면 알 수 있을겁니다. [프로그래밍/JAVA] - java swing 창 만들기 java swing 창 만들기 자바 스윙(java swing) 창 만들기 자바에서 gui시작하기. JFrame을 이용해 창을 만드는 방법입니다. 1. Main.java만들기 2. program.java만들기 3. JFrame상속(gui기반의 프로그램을 만들기 위해 상속) 4. JFrame.. intunknown.tist..
HTML 사진과 속성 안녕하세요. 오늘은 저번에 했던 내용에서 사진을 추가해보려고 합니다. html 파일 만들기 html에서 사진을 넣기 위한 태그 html 문법 1. html 파일 만들기 귀찮으니 이건 저번 글에서 사용했던 1.html 파일을 이어서 하겠습니다. 파일 내용은 아래와 같습니다. 지금부터 1.html과 같은 폴더에 있는 사진을 넣어보겠습니다. 2. html에서 사진을 넣기 위한 태그 html에서 사진을 넣기 위한 태그는 라는 태그입니다. 그렇다고 아래 사진처럼 태그만 입력하면 안 됩니다. 태그만 입력하면 아래 사진처럼 아무런 사진도 나오지 않습니다. 왜 그럴까요? 바로 출력하기 위한 사진의 정보가 부족하기 때문입니다. 즉 해당 태그에는 무슨 사진을 불러올지 알려주는 내용이 없기 때문이죠. ..
라즈베리파이에 라즈비안 설치하기. 안녕하세요. 얼마전에 구매한 라즈베리파이3 B+가 와서 불량인지 확인해 보기 위해서 전원을 켜보려고 했습니다. 그런데 아무리 찾아봐도 전원버튼이 보이지 않았습니다. 알고보니 전원연결하면 저절로 켜진다네요.. ㄷㄷ 근데 os를 설치하지 않으면 안켜진답니다. ㅋㅋ 그래서 오늘은 라즈베리 파이의 불량을 확인해보기 위해서 라즈비안을 설치해보려고 합니다. 준비물 1. 라즈비안을 설치할 SD카드. 2. SD카드를 컴퓨터에서 usb처럼 사용할 수 있게 해주는 sd카드리더기 3. 컴퓨터. -설치파일 다운. -SD카드에 라즈비안을 설치해줄 프로그램 라즈베리안 img파일 img파일의다운을 위해서 아래 라즈베리파이 공식 홈페이지로 들어갑시다. https://www.raspberrypi.or..
카카오톡 이미지 전송 팁 많은분들이 카카오톡을 사용하시고 있을것 이라고 생각되는데요. 이 카카오톡에서 사진을 전송할때 아무런 조치를 취하지 않고 보낸다면 화질이 핸드폰으로 보았을때와는 달라진다는 사실을 알고 계신가요? 저화질 바로 카카오톡에서 사진을 전송할 때 아무런 조치를 취하지 않는다면 그 사진을 받는 상대방은 저화질의 사진을 받게 됩니다. 이렇게 저화질의 사진을 보낸다면 좋은점도 있겠지만 좋지 않은점도 있습니다. 바로 저화질 사진을 보낸다면 그 사진을 보내는데 필요한 데이터가 줄어드는 것 입니다. 저화질이 아닌 고화질의 사진을 보낸다면 당연히 데이터가 더 필요할 수밖에 없는데요. 보통은 데이터가 더 들더라도 퀄리티가 좋은 사진을 원하시는 분들이 많을 것 입니다. 이 고화질의 사진을 보내기 위해서는 ..
