more lines

commands/image.js

@@ -11,7 +11,7 @@ async function execute() {
     ratio = ratio.split(":").map(Number);
 
     const [height, width] = [500, Math.round(500 / (ratio[0] / ratio[1]))];
-    const lines = 20; // Determined to be acceptable.
+    const lines = 30; // Determined to be acceptable.
 
     const background = await vscode.window.showInputBox({ placeHolder: "CSS Color", ignoreFocusOut: true, title: "Background color", value: "white", validateInput: colorValidation });
     if (!background) return;
@@ -24,7 +24,7 @@ async function execute() {
             <title>lorem ipsum</title>
             <rect width="100%" height="100%" fill="${background}"/>
             ${new Array(lines).fill(undefined).map((line, index) => `<text x="50%" y="${(100 / (lines + 1)) * (index + 1)}%" fill="${foreground}" font-family="${vscode.workspace.getConfiguration("editor").get("fontFamily")}" dominant-baseline="middle" text-anchor="middle" textLength="80%">
-                ${generate(20)}
+                ${generate(Math.floor(width / 100) * 6)}
             </text>`).join``}
         </svg>
     `;