나는 내가이를 그릴 때 나는 그 라인</p> <p><a href="https://i.stack.imgur.com/Z4yYE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4yYE.png" alt="enter image description here"></a></p> <p>을 얻고 내가 원하는 해달라고, SVG

나는 HTML에서 SVG를 그리는거야

에서이 줄을 삭제해야 내가 그것을 sove 수있는 방법이있다 선 후 내 코드나는 내가이를 그릴 때 나는 그 라인</p> <p><a href="https://i.stack.imgur.com/Z4yYE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4yYE.png" alt="enter image description here"></a></p> <p>을 얻고 내가 원하는 해달라고, SVG

html <svg style="background-color: #fff" version="1.1" xmlns="http://www.w3.org/2000/svg" height="100" width="100%" viewBox="0 0 100 20" preserveAspectRatio="none"> <path fill="#f2f2f2" d="M0 30 V12 Q30 17 55 5 T100 11 V30z" /> </svg>

내가 일러스트 레이터 A의를 열어

출처

2017-12-11 Nicol Israel Olvera Acosta

의 SVG와 다른 사업부 사이의 공간처럼, 또 다른 다이빙입니다 그 줄은 실제로 대지의 가장자리입니다. 아트 보드의 크기를 조정하고 코드를 다시 내 보냈습니다. 이게 도움이 되길 바란다. 불행히도 그것은 약간의 추가 정보로 벼락치기를했습니다.

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    viewBox="0 0 1440 150" style="enable-background:new 0 0 1440 150;" xml:space="preserve"> 
<style type="text/css"> 
    .st0{fill:none;} 
    .st1{fill:#F2F2F2;} 
</style> 
<path class="st0" d="z"/> 
<path class="st1" d="M0,150V60c288,16.7,552,5,792-35s456-30,648,30v95H0z"/> 
<path class="st0" d="z"/> 
</svg>

출처

2017-12-11 23:06:58 jeh

그것과 같은 라인은 작동하지 않습니다. divs 사이의 간격과 비슷합니다. 제거 할 수 없습니다. –

는 그 선은 30 픽셀 당신의 모양의 높이까지 형태 당신의 SVG의 일부가 아닙니다하지만 뷰 박스는 20 픽셀 높은 - 방금 viewBox="0 0 100 20"viewBox="0 0 100 30"로 변경해야하므로 전체 모양이 뷰포트에 있음 .

출처

2017-12-11 23:16:14 Emily

나는 내가이를 그릴 때 나는 그 라인</p> <p><a href="https://i.stack.imgur.com/Z4yYE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4yYE.png" alt="enter image description here"></a></p> <p>을 얻고 내가 원하는 해달라고, SVG

답변

관련 문제