2016-11-13 3 views
0

나는 무선 신호에 대해 간단한 경로를 그려야합니다. y에서는 0 또는 1 만 제공 될 수 있으며 x는 나노초 단위의 지연입니다.svg 경로가 올바르게 그려지지 않습니다.

<!DOCTYPE> 
 
<html> 
 
\t <head> 
 
\t \t <title>GPIO TEST</title> 
 
\t \t <style> 
 
\t \t \t html, body 
 
\t \t \t { 
 
\t \t \t \t width:100%; 
 
\t \t \t \t height: 100%; 
 
\t \t \t \t margin: 0; 
 
\t \t \t \t padding: 0; 
 
\t \t \t \t box-sizing: border-box; 
 
\t \t \t } 
 
\t \t </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <svg width="100%" height="50%" style="border:1px solid #000;" viewBox="0 -0.2 384071041 1.2" version="1.1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> 
 
\t \t \t <path d="M 0 0 v 1 h 26379904 v 1 h 41916258 v 1 h 58997548 v 1 h 73918928 v 0 h 88221334 v 1 h 99886849 v 0 h 116664152 v 1 h 132164508 v 1 h 147551869 v 0 h 164463167 v 0 h 179546540 v 0 h 192406006 v 0 h 206892404 v 1 h 220718829 v 0 h 236095190 v 1 h 251343557 v 0 h 266534925 v 1 h 282160276 v 0 h 293355811 v 0 h 306647258 v 1 h 322362605 v 1 h 336254028 v 1 h 352724344 v 1 h 369630641 v 0 h 384071041" fill="none" stroke="#000" stroke-width="0.001"></path> 
 
\t \t </svg> 
 
\t </body> 
 
</html>
나는 가능한 모든 수의 스트로크 폭을 변경하려 시도했지만, 결과는 일치하지 않습니다.

결과는 다음과 같이해야한다 : enter image description here

답변

0

난 그냥은 절대 좌표를 가지고하지 때문에 수평 라인과 수직의 'V'의 'H'를 사용했다합니다 것으로 나타났습니다 dx (델타 X) 및 dy (델타 Y).

MDN은 다음과 같이 말합니다. H x (or h dx V y (or v dy)