웹 사이트 하이퍼 링크 이미지 만들기

Question

내 웹 사이트에서 이미지를 하이퍼 링크로 사용하고 싶습니다. 나는 이것을 위해 어떤 코드가 사용되는지 알고있다.
하지만 여기 이미지에 문제가 있습니다.

cirlce의 형태로 img를 만들 수있는 방법 많은 소프트웨어가 있지만 cirlce 형태로 이미지를 만드는 소프트웨어를 찾을 수 없습니다. 그들은 모두 정사각형 형태로 이미지를 만듭니다. 아무도 알고 계시다면 ...

Answer 1

한 번이 문제가 발생하여이를 사용했습니다.

<img src="circle.png" width="145" height="126" usemap="#mymap"> 
<map name="mymap"> 
    <area shape="circle" coords="124,58,50" href="circle.htm"> 
</map> 

원을 표시하려면 png 이미지를 사용해야합니다 (나머지는 투명합니다). 이미지에서 HTML의지도 기능을 사용합니다. 그것은 내 시나리오에서 최대한 효과를 냈습니다. :)

지도에 대한 자세한 내용은 아래 링크를 참조하십시오.
http://www.w3schools.com/tags/tag_map.asp

희망이 있으면 도움이 될 것입니다. 화살표에 대한 귀하의 요청에 따라

편집 : -

예, 당신은 화살표를 만들 수 있습니다. shape = "poly"를 사용하십시오. coords = "x1, y1, x2, y2, .., xn, yn"을 사용하십시오.

더 많은 문제가 있으면 알려주십시오. :)

Answer 2

내 웹 사이트에서 이미지를 하이퍼 링크로 사용하고 싶습니다. 나는 이것을 위해 어떤 코드가 사용되는지 알고있다.

링크에 다른 콘텐츠를 만드는 것과 같은 방법입니다. <img> 요소가 있고 주위에 <a>으로 묶습니다.

어떻게 당신은 그 자체 수 없습니다 서클에게만

의 형태로이 같은 IMG을 만들 수 있습니다. 나는 직사각형이 아닌 캔바스가있는 이미지 형식을 알지 못합니다.

투명한 "색상"(PNG와 같이 투명도를 지원하는 이미지 형식)을 사용하려면 원의 바깥 쪽을 설정할 수 있습니다.

또는 HTML 문서에서 CSS border-radius 속성 (이미지 크기의 50 %로 설정)을 사용하여 이미지의 모서리를자를 수 있습니다.