從中心生成SVG圖案

我正在整個視口上創建一個網格圖案（按照此solution）。從中心生成SVG圖案

網格是從視口的左上角生成的，但是，我想從屏幕中間生成網格，以便它消耗整個屏幕，但仍從中心對齊。我怎樣才能做到這一點？

來源

2013-12-19 Kayote

您需要更改SVG模式的x和y屬性。該網站介紹瞭如何你可以爲你的SVG模式不同的路線：

http://tutorials.jenkov.com/svg/fill-patterns.html

來源

2013-12-19 08:53:03

感謝您的聯繫OSI的。不幸的是，這並不奏效。改變X值會水平移動它，但是，當它生成時，它不會消耗整個屏幕。因此，從屏幕中心開始網格模式會使左側爲空（沒有網格）。如果我錯了，請糾正我。 – Kayote

你有一個小提琴的例子嗎？ –

非常感謝。我錯了，它確實填滿了屏幕，而不管它從何處開始。按照要求，這裏是jsfiddle。 http://jsfiddle.net/RPDF4/14/爲了弄清楚小提琴中發生了什麼，一些注意事項：#grid模式中的值被設置爲300，即視框的75％。根據我的理解，這意味着第一條柵格線從這一點開始繪製，其他所有繪製的線都是相對於第一條線繪製的。再次感謝Osi的幫助。 – Kayote

從中心生成SVG圖案

回答

相關問題