프로그램 작성 svg

2

다음 코드와 유사한 HTML 구성이 있습니다. <div id='intro'> <svg> //draw some svg elements <svg> </div> 자바 스크립트와 DOM을 사용하여 위에서 정의한 SVG에 몇 가지 요소를 추가하고 싶습니다. 어떻게해야합니까? 나는 생각하고 있었다 var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> DOM 사용에 익숙하지 않거나 appendChild에 전달할 요소를 만드는 방법에 대해 잘 모르기 때문에이 …

79 javascript html dom svg

5

접근성 : SVG 및 MathML에 권장되는 대체 텍스트 규칙?

개요 HTML5는 이제 외부 네임 스페이스에 의존하지 않고 HTML 문서를 허용<svg> 하고 <math>마크 업합니다 ( 여기에서 괜찮은 개요 ). 둘 다 alt오늘날의 화면 판독기 소프트웨어에서 효과적으로 무시되는 고유 속성 아날로그 (아래 참조)를 가지고 있습니다. 따라서 시각 장애인은 이러한 요소에 액세스 할 수 없습니다. 이러한 새 요소에 대한 표준 대체 텍스트 …

79 html svg accessibility mathml alt-attribute

16

SVG 캔버스를 로컬 파일 시스템에 저장하는 방법

사용자가 브라우저를 사용하여 javascript svg 캔버스에 벡터 그래프를 만든 후이 파일을 로컬 파일 시스템에 다운로드 할 수있는 방법이 있습니까? SVG는 저에게 완전히 새로운 분야이므로 제 표현이 정확하지 않다면 잠시 기다려주십시오.

78 javascript svg save filesystems local

10

IE9-10에서 SVG를 사용한 배경 크기

배경 이미지로 설정된 div가 있습니다. <div>Play Video</div> 다음 CSS로 : div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } 배경 크기는 Firefox, Safari 및 Chrome에서 적용됩니다. IE8에서 SVG는 PNG 파일로 대체됩니다. 그러나 IE9 및 IE10에서는 SVG 파일의 크기가 크게 …

78 css svg internet-explorer-9 internet-explorer-10 background-size

6

HTML 위에 화살표 그리기

html 테이블이 있고 한 셀에서 다른 셀로 화살표를 그리려고합니다. 예를 들면 다음과 같습니다. 어떻게 이럴 수 있습니까? HTML 예 : <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> 브라우저 크기를 조정하면 화살표가 (새) 시작 / 끝 위치에 있어야합니다.

13 javascript html svg

2

안드로이드 스플래시 화면 VectorDrawable

스플래시 화면에 VectorDrawable을 표시하고 싶습니다 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@android:color/white" android:gravity="fill" /> <item android:drawable="@drawable/splash_screen" android:gravity="bottom|center" /> </layer-list> 내 SVG가있다 android:width="320dp"및android:height="238dp" <vector xmlns:android="http://schemas.android.com/apk/res/android" android:width="320dp" android:height="238dp" android:viewportWidth="320" android:viewportHeight="238"> <group> <clip-path android:pathData="M0,0h320v238h-320z M 0,0"/> <path android:pathData="M0,143.311a160,4.476 0,1 0,320 0a160,4.476 0,1 0,-320 0z" android:fillColor="#E6E6E6"/> <path android:pathData="M245.269,94.815C245.067,94.818 244.865,94.821 244.66,94.821C244.455,94.821 244.253,94.818 244.051,94.815C233.341,94.572 225.578,87.88 227.554,80.859L232.372,63.73L233.59,59.396L255.177,59.764L256.488,64.004L261.653,80.693C263.839,87.753 …

11 android svg splash-screen android-vectordrawable

2

SVG CSS 다중 애니메이션

보물지도 애니메이션을 만들었습니다. 먼저 경로가 밝은 회색으로 표시되지만 애니메이션이 시작될 때 채우기 애니메이션 ".road"가 시작될 때 밝은 회색 대시가 사라지거나 검은 색으로 바뀌고 싶습니다. 채우기 애니메이션이 해당 위치를 지나갈 때 밝은 회색 대시 ".steps"가 사라지도록 노력합니다. svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; …

9 css svg

«svg» 태그된 질문