如何使用JavaScript/Node.js創建圖像？

Question

我該如何創建類似配置文件卡的地方，我將修改一些文本和顏色，然後將其製作爲圖像？我不知道從哪裏開始。

Answer 1

在這種情況下使用的最好的東西是SVG。您將數據與各種元素結合起來，然後將它們放在一起。 SVG非常像HTML，但更關注圖像本身。您可以結合柵格元素，數據和矢量元素來製作最終圖像。從那裏您可以直接使用此圖像或將其渲染到PNG。

我強烈建議儘可能將它保留在SVG中，以保留大量此類數據的文本性質。不是每個人都可以看到屏幕。如果將文本刻錄成光柵圖像，屏幕閱讀器將無法讀取它。