pref(HtmlContent): amend svg viewBox

beicause · beicause · commit af768a53cee7 · 2024-11-25T17:50:51.000+08:00
diff --git a/src/html.ts b/src/html.ts
@@ -1,4 +1,4 @@
-export function getHtmlContent(dot?:string){
+export function getHtmlContent(dot?: string) {
     return `<!DOCTYPE html>
     <html lang="en">
 
@@ -19,12 +19,22 @@ export function getHtmlContent(dot?:string){
         </div>
     </body>
     <script>
+        function attributer(datum) {
+            if (datum.tag == "svg") {
+                const width = window.innerWidth
+                const height = window.innerHeight
+                datum.attributes.width = width
+                datum.attributes.height = height
+                datum.attributes.viewBox = [0, 0, width, height].join(" ")
+            }
+        }
+
         (async function () {
             const vscode = acquireVsCodeApi()
             const dot='${dot}'
             vscode.setState(dot)
             const res =await (await fetch(dot)).text()
-            const gv = d3.select('#app').graphviz().renderDot(res)
+            const gv = d3.select('#app').graphviz().renderDot(res).attributer(attributer)
 
             d3.select('#downloadSvg').on('click',()=>{
                 const serializer = new XMLSerializer()
