可以修改 svg 的字体大小

Author: xenv

README.md

@@ -51,12 +51,23 @@
 
 SVG后缀是我们推荐的最优调用方案，可以在部分论坛、任何博客、小程序内无损直接调用，并且可以一定程度上控制样式。缺点是部分老旧浏览器不支持。
 
-你可以直接修改svg样式：
+你可以直接修改svg控制最大长度
 ```html
-<img src="https://api.gushi.ci/all.svg" 
-	style="max-width:100%; font-size:40px;">
+<img src="https://api.gushi.ci/all.svg" style="max-width:100%;">
 ```
 
+或者使用我们的<b>svg专用</b>的自定义参数
+个性化参数
+
+| 说明 | 参数名 | 默认值 | 合法范围 |
+| --- | --- | --- | --- |
+| 字体大小（px） | font-size | 20 | [8,50] |
+| 字体间隔（px） | spacing | 1.5 | [0,30] |
+
+调用示例
+```html
+<img src="https://api.gushi.ci/all.svg?font-size=18&spacing=4">
+```
 
 #### JSON 调用
 
@@ -127,6 +138,9 @@ Jmeter: 100线程数 每线程循环 1000次，走HTTP
 
 ### 更新历史
 
+* 2018.08.09 1.3:
+  1. svg可以定义字体大小和间隔
+
 * 2018.08.08 1.2:
   1. 细节优化 
 

pom.xml

@@ -6,7 +6,7 @@
 
     <groupId>ma.luan</groupId>
     <artifactId>yiyan</artifactId>
-    <version>1.2</version>
+    <version>1.3</version>
 
     <properties>
         <java.version>1.8</java.version>
@@ -118,6 +118,12 @@
             <version>2.11.1</version>
         </dependency>
 
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-text</artifactId>
+            <version>1.4</version>
+        </dependency>
+
 
     </dependencies>
 

src/main/java/ma/luan/yiyan/api/ApiVerticle.java

@@ -4,6 +4,7 @@
 import io.vertx.core.Future;
 import io.vertx.core.eventbus.ReplyException;
 import io.vertx.core.eventbus.ReplyFailure;
+import io.vertx.core.http.HttpServerRequest;
 import io.vertx.core.http.HttpServerResponse;
 import io.vertx.core.json.JsonArray;
 import io.vertx.core.json.JsonObject;
@@ -134,7 +135,9 @@ private void returnGushici(RoutingContext routingContext, String obj, JsonObject
             case "svg": {
                 setCommonHeader(routingContext.response()
                     .putHeader("Content-Type", "image/svg+xml; charset=utf-8"))
-                    .end(ConvertUtil.getSvg(new JsonObject(obj).getString("content")));
+                    .end(ConvertUtil.getSvg(new JsonObject(obj).getString("content"),
+                                params.getDouble("font-size"),
+                                params.getDouble("spacing")));
                 break;
             }
             case "txt": {
@@ -195,9 +198,37 @@ private Future<JsonObject> parseURI(RoutingContext routingContext) {
         String format = "".equals(rawFormat) ? "json" : rawFormat;
 
         JsonObject pathParams = new JsonObject();
+
+        // svg 额外配置
+        if ("svg".equals(format)) {
+            HttpServerRequest request = routingContext.request();
+            parseAndSet(pathParams,"font-size", request.getParam("font-size")
+                    , 20, 8, 50);
+            parseAndSet(pathParams,"spacing", request.getParam("spacing")
+                    , 1.5, 0, 30);
+        }
+
         pathParams.put("categories", categories);
         pathParams.put("format", format);
         result.complete(pathParams);
         return result;
     }
+
+    private void parseAndSet(JsonObject jsonObject, String paramName,
+                             String value, double defaultValue, double minValue, double maxValue) {
+        if (value == null) {
+            jsonObject.put(paramName, defaultValue);
+        } else {
+            try {
+                double i = Double.parseDouble(value);
+                if (Double.compare(i, minValue) >= 0 && Double.compare(i, maxValue) <= 0) {
+                    jsonObject.put(paramName, i);
+                } else {
+                    jsonObject.put(paramName, defaultValue);
+                }
+            } catch (NumberFormatException ex) {
+                jsonObject.put(paramName, defaultValue);
+            }
+        }
+    }
 }

src/main/java/ma/luan/yiyan/util/ConvertUtil.java

@@ -5,8 +5,11 @@
 import io.vertx.core.buffer.Buffer;
 import io.vertx.core.eventbus.ReplyException;
 import io.vertx.core.eventbus.ReplyFailure;
+import org.apache.commons.text.StringSubstitutor;
 
 import java.util.Base64;
+import java.util.HashMap;
+import java.util.Map;
 
 public class ConvertUtil {
     /**
@@ -29,14 +32,24 @@ public static Future<Buffer> getImageFromBase64(String obj) {
     }
 
     private static final String svgTemplate =
-        "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"22\" width = \"%.2f\">\n" +
-            "    <!-- Generated by https://api.gushi.ci/ -->\n" +
-            "    <g>\n" +
-            "        <text  text-anchor=\"start\" letter-spacing = \"1.5px\" font-smoothing = \"antialiased\" font-family='KaiTi, \"Segoe UI\", \"Lucida Grande\", Helvetica, Arial, \"Microsoft YaHei\", FreeSans, Arimo, \"Droid Sans\",\"wenquanyi micro hei\",\"Hiragino Sans GB\", \"Hiragino Sans GB W3\", sans-serif' font-size=\"20\" id=\"svg_1\" y=\"20\" x=\"0\" stroke-width=\"0\" stroke=\"#000\" fill=\"#000000\">%s</text>\n" +
-            "    </g>\n" +
-            "</svg>";
+        "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"${height}\" width = \"${width}\">\n" +
+        "    <!-- Generated by https://api.gushi.ci/ -->\n" +
+        "    <g>\n" +
+        "        <text  text-anchor=\"start\" letter-spacing = \"${spacing}\" font-smoothing = \"antialiased\" font-family='KaiTi, \"Segoe UI\", \"Lucida Grande\", Helvetica, Arial, \"Microsoft YaHei\", FreeSans, Arimo, \"Droid Sans\",\"wenquanyi micro hei\",\"Hiragino Sans GB\", \"Hiragino Sans GB W3\", sans-serif' font-size=\"${font-size}\" id=\"svg_1\" y=\"${font-size}\" x=\"0\" stroke-width=\"0\" stroke=\"#000\" fill=\"#000000\">${content}</text>\n" +
+        "    </g>\n" +
+        "</svg>";
 
-    public static String getSvg(String content) {
-        return String.format(svgTemplate,content.length()*20+(content.length()-1)*1.5, content);
+    public static String getSvg(String content, Double fontSize, Double spacing) {
+        int length = content.length();
+        double realWidth = length * fontSize + (length-1) * spacing;
+        double realFontSize = fontSize;
+        Map<String, Object> templateValue  = new HashMap<>();
+        templateValue.put("width", realWidth);
+        templateValue.put("font-size", realFontSize);
+        templateValue.put("spacing", spacing);
+        templateValue.put("content", content);
+        templateValue.put("height", realFontSize * 1.1);
+        StringSubstitutor sub = new StringSubstitutor(templateValue);
+        return sub.replace(svgTemplate);
     }
 }