주간
월간
분기
지식iN 조회수 베스트

지식iN

[컴퓨터/인터넷]

이걸 코딩으로 구현할 수 있나요?

알바트로스5 2017-11-05 (일) 12:29 조회 : 580

이미지 파일로 만들어진 것인데요.

화살표 같이 나타난 부분을 html 코딩으로 구현할 수 있나요?

구현할 수 있는 코딩을 알려주시기 바랍니다.

그대는하나 게시물보기 구독

자기소개가 없습니다

자기소개 더보기

요청자가 자신의 500포인트를 걸었습니다. 답변이 채택되면 250포인트를 드립니다.

댓글 10개 댓글쓰기

굳맨

2017-11-05 (일) 12:31

질문의 요지가
그림과 같은 것을 코딩을 이용해서 그릴 수 있느냐 이라면
gd라는 것이 있습니다
php에서 gd라이브러리가 포함되어 있는데
스크립트로 이미지를 만들어 주는 도구 입니다.
사용 하는 방법은 검색으로

알바트로스5 글쓴이

2017-11-05 (일) 12:36

php 코드로는 되는다는 것인가요?
아시는 부분을 좀 설명해서 코딩하는 방법을 열려주세요.
답변 채택해 드리겠습니다.

굳맨

2017-11-05 (일) 21:03

내가 오늘 종일 이걸 왜 만들었는지 ㅋㅋㅋㅋ
저도 gd는 사용 안해 봐서 찾으며 했네요
참고 하세요
ubuntu apache2 php gd 환경입니다.

굳맨

2017-11-05 (일) 21:17

html 문서에 추가 하실려면
<html>
<body>
<img src="2.php">
</body>
</html>

이런 식으로 추가하시면 됩니다.

파워웹

2017-11-05 (일) 12:32

이미지를 왜 html로 구현하려고 하는지요?
링크 때문인지요? 아님 다른 이유가...?
일단 html, css 로 구현은 할 수 있겠네요.
링크 때문이라면 map 으로 돼겠구요.

Comms

2017-11-05 (일) 12:32

굳맨님이 말씀하신것처럼 구현이 가능하며 순수한 HTML TAG로는 안될것 같네요.

크림색

2017-11-05 (일) 13:03

이정도 그래픽은 SVG포맷으로 가능합니다.
일러스트레이터로 그래픽을 만든 후에
SVG포맷으로 저장하면
코드로 만들어진 파일이 생성되는 데 그걸 텍스트 에디터로 열어서 사용하시면 됩니다.
이미지태그로 넣으셔도 되고요.

율땅

2017-11-05 (일) 23:58

html5 canvas 로 할 수 있습니다.

카즈스

2017-11-06 (월) 00:42

https://www.w3schools.com/cssref/css3_pr_transform.asp
이거 잘 사용하면 CSS로 구현 가능합니다

9GAG

2017-11-06 (월) 02:02

요즘은 일반적으로 CSS3 많이쓰죠..
canvas에 도형 그릴수도 있고 WebGL로 그려도되고.

구현할수 있는 방법이 더있을것 같은데

예전에는 Map태그 많이썼었죠.
https://www.w3schools.com/tags/tag_map.asp

아마 저 이미지였으면 직사각형에 삼각형 두개 붙여서 처리하면 됩니다.

제일 추천하는 방법은 CSS3입니다.
플래시는 쓰지않는걸 추천하죠.

▲ top

✏️글쓰기


번호	제목	글쓴이	상태	포인트	날짜	조회

	[렌탈상담실] 정수기 렌탈상담	익명

3415	[취미/생활] 아이랑 가볼만 한 곳 추천 부탁드립니다. (1)	이치더킬러		200	11-10	396

3414	[컴퓨터/인터넷] 블로그 임대 쪽지가 왔는데 (8)	Choidani		500	11-10	869

3413	[토렌트] Non DRM 영상만 다운 받으면 토렌트가 멈춥니다. (2)	아바투르		200	11-10	821

3412	[컴퓨터/인터넷] 이 사양으로 구입하려고 하는데 조언 부탁드립니다 (5)	낙엽청소부		300	11-09	367

3411	[컴퓨터/인터넷] 컴퓨터 이상현상 도와주세요! (5)	짱구짱아흰둥이		200	11-09	421

3410	[기타] 이 만화책 제목 좀 알려주세요! (2)	수와레즈		200	11-09	584

3409	[전자기기] 플스4 처음 구매하려고 합니다 (13)	연애조건		200	11-09	604

3408	[컴퓨터/인터넷] 가성비 노트북 문의드려 봅니다. (4)	크라운케이		500	11-09	501

3407	[게임] 엑박360패드 구입 일주일만에 고장..교환문의... (5)	케이자		200	11-09	503

3406	[컴퓨터/인터넷] 컴고수님 도와주세요 ㅠㅠ 윈도우 7?10? (11)	박구라		200	11-09	452

3405	[TV/영상] iptv랑 케이블티비랑 연결방식이 다른가요? (5)	레스터시티우승		200	11-09	491

3404	[게임] 콜오브듀티 월드워2 작동중지 (1)	내이름내이름		1300	11-08	1473

3403	[컴퓨터/인터넷] LTE 에그 구입을 생각중인데요 (1)	grrrr		300	11-08	393

3402	[취미/생활] 겨울에 국내 여행 할려는데 추천좀 부탁드립니다.. (9)	MJlove		300	11-08	382

3401	[취미/생활] 강북구 수유사거리에서 남양주 화도까지 대리비가? (2)	비틀즈코드		200	11-08	468

3400	[기타] kt 멤버십 마일리지가 꽤 있는데... (1)	롱다리72		200	11-08	456

3399	[기타] 길좀여쭤 봅니다... (5)	JJDJ		200	11-08	491

3398	[TV/영상] 이 모델분 이름 아시는 분?	암울한현실		200	11-08	823

3397	[컴퓨터/인터넷] 반중고 컴퓨터 16만원짜리 이거 사도 되나요? 사무용입니다. (13)	삐꾸네		200	11-07	645

3396	[컴퓨터/인터넷] 이런 일러스트 만드는 프로그램 이름이 뭔가요? (2)	BlowUp		500	11-07	499

3395	[경제/재테크] 현금영수증 안받는곳 인실좆좀 (5)	really		200	11-07	810

3394	[컴퓨터/인터넷] LGU->SK 인터넷 바꾸라고 자꾸 전화오는데 (3)	really		500	11-07	440

3393	[토렌트] mac 어플 설치방법 문의 드립니다. 도와주세요.	하양코알라		200	11-07	348

3392	[취미/생활] 홍대 상상마당이나 아트박스 같은 귀여운 물건 많이 파는 곳 어디 어디 있나요? (2)	자조적행복		300	11-06	584

3391	[전자기기] 빠삭스노방 같은곳 아시는분 (2)	체리쥬빌레훈		300	11-06	383

3390	[컴퓨터/인터넷] 싸이월드 비번 (3)	mujia		200	11-06	500

3389	[전자기기] 블루투스 이어폰을 사려고 하는데요? (2)	견습		200	11-06	406

3388	[전자기기] 핸드폰 시스템 업그레이드(?)하고 개판됐네요;; (6)	함저러		200	11-05	610

3387	[교육/학문] 영어속담! 격언? (1)	이리y		222	11-05	366

3386	[컴퓨터/인터넷] 이걸 코딩으로 구현할 수 있나요? (10)	알바트로스5		500	11-05	580

3385	[게임] 게임실행이 안될떄..(pc게임) (3)	로드오브나이트메		200	11-05	508

3384	[컴퓨터/인터넷] 인스타 자동 팔로 프로그램 & 사이트	다영이22		200	11-04	395

3383	[컴퓨터/인터넷] 그래픽 드라이버를 바꾼 후로 동영상만 열면 컴퓨터 전체가 버벅 거립니다 (8)	imtech		500	11-04	494

3382	[토렌트] 일본에서 토렌트로 받은파일 패스워드 되었는데 이유가??? (3)	KJHuni		200	11-04	590

3381	[게임] 윈도우10에서 ps1에뮬 실행법 문의드립니다	예겸		200	11-04	594

3380	[전자기기] 폰으로 채팅 단축키 만드는법이요ㅠㅠ (2)	함저러		200	11-04	365

3379	[기타] 다알 후원금 문의 드립니다. (1)	비끼라		1000	11-04	441

3378	[컴퓨터/인터넷] 트위터 프로그램을 구해요.	위멧		300	11-04	372

3377	[교육/학문] 혹시.. ToyCOM에 대해 알고계신분 있으신가요?	우수님		500	11-04	1059

3376	[컴퓨터/인터넷] 혹시 무선 usb 키보드로 pc 전원 킬수 있는 메인보드 있나요? (1)	츠키우미짱		200	11-04	449