«svg» 태그된 질문

Scalable Vector Graphics에 대한 질문; 정적 및 동적 (즉, 대화식 또는 애니메이션)의 2 차원 벡터 그래픽을 설명하기위한 XML 기반 파일 형식의 사양 군. SVG 형식의 그래픽 디자인과 관련된 사항을 물어보십시오.

2
웹 그래픽에 SVG 또는 SVGZ를 언제 사용해야합니까?
내 이해에서 SVGZ는 SVG의 압축 파일 유형입니다. SVG 이미지 사용을 좋아하고 많은 경험이 있습니다. 내가 사용한 모든 시간에는 수백 킬로바이트가 넘는 그래픽이 없었습니다. 반응 형 웹 사이트를 만들면서 반응 형 그래픽에 SVG를 사용합니다. 내가 좋아하는 디자인 스타일은 벡터 기반 그래픽이기 때문에 사용합니다. 저의 가장 강력한 디자인 강점은 일러스트 레이터입니다. 특히 …

5
Illustrator를 사용하여 SVG 경로에 CSS 클래스 이름 지정
각 경로에 CSS 클래스를 지정할 수있는 Illustrator에서 SVG 파일을 편집하는 방법이 있습니까? 레이어 이름에 실제 이름을 지정하면 Illustrator에서 해당 이름을 경로의 ID로 사용한다는 사실을 이미 알고 있습니다. 같은 페이지에서 아이콘을 두 번 이상 재사용하지 않을 경우 좋습니다. 현재 해결 방법은 IDs 메서드를 사용하는 것이지만 나중에 코드 편집기에서 ID를 클래스로 변환하는 …

4
앤티 앨리어싱없이 SVG를 래스터 화하는 방법
inkscape에서 맵을 만들었으며 이제 비트 맵 또는 .png로 변경해야합니다. 지도는 정확한 색상을 찾기 위해 컴퓨터 프로그램에 의해 해석되므로 가장자리가 선명해야합니다. inkscape와 함께 .png를 내보낼 때 온라인 파일 변환기를 사용하거나 스크린 샷을 찍을 때 항상 앤티 앨리어스가 적용됩니다. 도움.

2
inkscape에 글꼴 포함
잉크 스케이프가 읽을 수있는 svg 파일에 글꼴을 포함하는 현재 상태를 알고 있습니다. 임베디드 글꼴이 없으면 svg 파일의 이식성을 심각하게 방해합니다. 특히 시스템에 대한 관리자 액세스 권한이없고 글꼴을 설치할 수없는 사람에게 파일을 보내는 경우에 특히 그렇습니다. 이 링크에 제공된 지침을 따르려고했습니다. 하우투 : 리눅스 잉크 스케이프 SVG 문서에 폰트 임베딩 그러나 …
20 fonts  inkscape  svg  embedded 

6
애니메이션 SVG를 만드는 도구?
애니메이션 SVG 이미지를 생성하고 편집하는 그래픽 도구가 있습니까? Inkscape는 훌륭하지만 애니메이션을 제외한 모든 작업 을 수행 합니다. Inkscape에서 이미지를 만든 다음 애니메이션 속성을 추가하기 위해 XML을 수동으로 편집했습니다. 이것은 내가 원하는 것을 주었지만 약간 더 복잡한 디자인의 경우 매우 지루할 수 있습니다.
17 animation  svg 

5
인쇄 그래픽 용 SVG
Scalable Vector Graphics는 인쇄에 얼마나 효과적입니까? 인쇄 문서에 포함 할 그래픽을 프로그래밍 방식으로 생성해야합니다. 대상 파일 형식에 EPS와 SVG라는 두 가지 심각한 경쟁자가있는 것 같습니다. 프로그래머로서 SVG는 작업하기가 더 쉬워 보이지만 그래픽 업계에서는이를 받아들이지 않는 것 같습니다. 예를 들어 SVG에 인쇄 그래픽을 기반으로하는 프로젝트가 있었지만 (예 : Adobe PDFXML) 현재 …
17 svg 

5
웹 사이트에있는 SVG를 컴퓨터에 저장하려면 어떻게합니까?
이 웹 사이트 의 로고로 작업해야합니다 (왼쪽 상단 모서리). 페이지에서 복사 한 코드는 다음과 같습니다. <svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 …

3
경로에서 앵커 순서를 바꾸는 방법이 있습니까?
경로에서 앵커 순서를 반대로 바꿀 수있는 방법이 있습니까? 경로를 다시 그리고 싶지 않습니다. 시작 앵커 포인트를 경로의 시작점에서 끝으로 변경하고 싶습니다. 내가 이미 그린 앵커의 순서를 바꾸면 다음과 같은 이점이 있습니다. 획 옵션 대화 상자에서 브러시 방향을 바꾸지 않고 아트 브러시를 적용합니다. SVG를 드로잉 스트로크 애니메이션 효과와 같이 원하는 순서대로 …

2
Illustrator에서 SVG 형식을 사용하여 기본 체를 경로로 변환
Illustrator에서 여러 사각형으로 구성된 간단한 그림이 있습니다. 나중에 코드 에서 처리하고 SVG로 문서를 저장해야합니다. 사각형은 <rect />SVG 형식의 노드로 나타납니다. 사각형을 기본 형식에서 Illustrator의 경로로 변환하는 명확한 방법이 있습니까? 그렇다면 어떻게? 지금까지 해키 솔루션은 Object> Path> Simplify 를 사용하는 것이 었으며 변환이 적용되지 않은 간단한 상자를 처리했기 때문에 Straightlines 도 …

4
SVG 텍스트를 패스로 변환 할 수 있지만 글리프를 재사용 할 수 있습니까?
텍스트가 많은 SVG가 있습니다. 공간 번호가 적힌 주차장지도입니다. 나는 이것을 웹 브라우저에 표시 하고 Firefox의 멋진 작은 버그 덕분에 브라우저가 텍스트를 잘못 렌더링합니다. 우우. 그래서 텍스트를 경로로 변환했습니다. 최대 4000 개의 개별 레이블에 대해 이야기하고 있습니다. 아마도 15,000 개의 새로운 모양이 이제는 벡터입니다. 4MB입니다. 일반적으로이 압축 자체를 빌려 것이라고 주장 …
14 inkscape  svg 

6
어떤 소프트웨어가 3D 객체의 평면 투영을 벡터 그래픽으로 렌더링합니까?
3 차원 기하학적 객체의 2 차원 투영 을 만들고 싶습니다 . 그림은 SVG 또는 PDF 벡터 형식이어야하며 Inkscape 또는 Adobe Illustrator에서 가져올 수 있습니다. Wikipedia에서 다음 예제를 발견했습니다 ( 원래 SVG, CC-SA ). 이것은 등각 투영법 입니다. Inkscape의 Axonometric Grid 기능으로 와이어 프레임 버전 (검은 색 선만 해당)을 구성 할 …

1
SVG 및 viewBox 값
누군가가 viewBox값 (즉 viewBox="a b c d")이 어떻게 결정 되는지 알고 있다면 궁금합니다 . 나는 그래서는 잉크 스케이프에서 문서 작성 무슨 짓을했는지, 잉크 스케이프의 SVG의 기능을 이해하기 위해 노력하고있어 100pxX를 100px(즉, 뷰포트의 왼쪽에서 선을 그려, 0(즉 오른쪽으로 수평 값) 100수평 값) . 그러나 이상하게 도이 문서를 일반 SVG 파일로 저장 …
14 inkscape  svg  xml 

1
'100 % 스케일로 아이콘 디자인'이란 무엇입니까?
로부터 안드로이드의 재질 디자인 가이드 , 시스템 아이콘은 24dp에 표시됩니다. 아이콘을 만들 때는 픽셀 정확도를 위해 100 % 스케일 로 디자인하는 것이 중요합니다 . 100 % 규모로 디자인한다는 것은 무엇을 의미합니까? 아이콘의 크기가 24 * 24 dp 여야합니까? 또는 SVG 파일 형식과 같은 스케일링으로 인해 데이터 손실이나 왜곡 등이 발생하지 …

2
명령 줄에서 svg 도면을 캔버스에 맞추는 방법은 무엇입니까?
.svg명령 행에서 파일 자르기 는 간단합니다. $ inkscape --verb=FitCanvasToDrawing --verb=FileSave --verb=FileClose *.svg 나는 그 반대를해야합니다. 도면을 64 x 64포인트 캔버스 (모든 .svg파일에 이미 설정되어 있음 ) 에 맞추고 싶습니다 . 불행히도 Inkscape는 FitDrawingToCanvas명령을 제공하지 않습니다 . 또한, 피팅은 도면의 종횡비를 유지해야합니다. 중요한 경우 : 우분투 raring을 사용하고 있습니다.

1
다음 이미지를 설명하는 올바른 스타일은 무엇입니까
다음 이미지에 사용 된 스타일의 이름은 무엇입니까? Google, Facebook, atlassian.com , bitbucket.org 및 정보 그래픽에서 사용됩니다. 나는 그것들을 라이프 스타일 이미지라고하지만 이러한 유형의 이미지를 검색하고 싶지만 올바른 용어를 모른다. 이미지로 Google 이미지 검색을 수행하면 스타일과 관련된 정보가 아닌 이미지 소스가 표시됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.