아래 이미지와 비슷한 테셀레이션 패턴으로 일반 육각형을 사용하여 웹 페이지 의 SVG 배경 이미지 를 만들려고 합니다. 그러나 상호 연결하려면 육각형이 필요하므로 다음을 사용할 수 있습니다.
background-image: url("path-to-hex.svg");CSS 패턴. Inkscape에서이 작업을 수행하고 싶습니다. 그래도 패턴을 블록으로 자르는 방법을 잘 모르겠습니다. 이 작업을 어떻게 시작합니까?
편집
결과는 정말 좋아 보인다!
답변:
약간의 부울 연산 속임수로 이것은 매우 쉬운 프로세스입니다.
거기에있는 육각형 세트를 가져 와서 위 이미지에서 얻은 오렌지색과 일치하는 사각형을 만들고 (모서리가 육각형의 적절한 지점에 스냅되는지 확인하십시오) 교차 도구를 사용하여 사각형 외부의 모든 것을 제거하십시오. 그것은 당신을 기와 패턴으로 남겨 두어야합니다.
편집 : horatio의 의견 (좋은 전화!)에 따라, 나는 그 특정 사각형에 어떻게 정착했는지 설명해야한다고 생각했습니다. 타일을 만들 때 패턴의 각 부분이 상기 타일에서 적어도 한 번 나타나고 이상적으로는 한 번 이상 나타나도록해야합니다. 이 패턴을 사용하여 x 또는 y 축에 되풀이 점이 있는지 확인했습니다. 운 좋게도, 육각형은 이상한 각도에 있지 않기 때문에 비교적 쉬운 일이었습니다.
X 축에서 정렬 된 두 개의 육각형을 선택했습니다. 이들은 패턴의 시작과 끝이 수평이됩니다. 다음으로 각 항목에서 일치하는 지점을 선택했습니다 (이 경우 가장 왼쪽 지점). 패턴에 대한 클리핑 사각형의 정확한 너비를 표시합니다. 다음으로, 너비에 대해 이미 선택한 점을 패턴의 클리핑 사각형의 상단 모서리로 사용하여 수직으로 동일한 작업을 수행했습니다. 일치하는 하위 지점을 찾으면 클리핑 사각형이 정의되었습니다.
이 기술은 여러 모양에 사용할 수 있습니다. 육각형 (또는 다른 모양)에서도 비스듬히 사용할 수 있지만 각도에 따라 타일이 크게 커집니다.