SVG繪圖區內絕對定位DIV得到收縮

如何獲得藍線連接內框對角（當前路徑的大小與寬度和高度差不多10px）。SVG繪圖區內絕對定位DIV得到收縮

另一個問題是SVG路徑似乎沒有像素完美。我通過使用路徑數據手動增加了它的尺寸到L 810 410，並且該線被轉移到了右下角。

<!DOCTYPE html> 
<html> 
<body> 

<div style="margin-left: 100px; margin-top: 100px; width: 800px; height: 400px; border: 1px solid #ccc; position: relative;"> 
    <div style="position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; border: 1px solid #ccc; box-sizing: content-box;"> 
     <svg style="width: 100%; height: 100%;"> 
      <path d="M10 10 L 800 400" fill="none" stroke="blue" stroke-width="3" stroke-linecap="square"/> 
     </svg> 
    </div> 

</div> 

</body> 
</html>

來源

2016-01-29 user1514042

我沒有與SVG太多的想法，但我想，改變d值與 d =「M10 10升810 410」解決您的問題，現在連對角完全。

希望這有助於。

來源

2016-01-29 17:23:01

謝謝你，但我寧願找到問題的原因。 – user1514042

SVG繪圖區內絕對定位DIV得到收縮

回答

相關問題