如何創建關於如何使用的LinearGradient與pdfkit與pdfkit

Question

一個的LinearGradient我一直在尋找和例子 - 見 https://github.com/devongovett/pdfkit/issues/95 「使用doc.linearGradient和doc.radialGradient創建一個漸變對象，傳遞所需的參數。然後調用對象的停止方法以添加顏色停止。最後，將fillColor設置爲漸變對象。「

這是我製作的例子：

doc.rect(50, 50, 100, 100)
      .linearGradient(60, 60, 90, 90)
      .stop([100, 100], "blue")
      .fillColor("red", 1)

但我得到一個編譯錯誤：

node.js:201
throw e; // process.nextTick error, or 'error' event on first tick
TypeError: Object #<PDFLinearGradient> has no method 'fillColor

'

謝謝！

Answer 1

你就近了。錯誤是因爲linearGradient函數返回一個PDFLinearGradient對象，並且由於您鏈接了所有內容，因此正在按梯度調用fillColor方法，而不是您想要的文檔。

此外，梯度stop方法沿兩條點（x1，y1）到（x2，y2）之間創建的線獲取百分比（從0到1），而不是明確的位置。

這裏有一個工作示例：

var grad = doc.linearGradient(x1, y1, x2, y2); 
grad.stop(0, '#000'); 
grad.stop(1, '#fff'); 
doc.fillColor(grad);