Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Solve the problem of blurring generated pictures #426

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
83 changes: 83 additions & 0 deletions flow-chart.drawio
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<mxfile host="65bd71144e">
<diagram id="GuzQfGuWI9vkjRt0VNdA" name="第 1 页">
<mxGraphModel dx="444" dy="502" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" background="#FFFFFF" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="2" style="fontStyle=1;strokeWidth=1;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#f9f7ed;strokeColor=#999999;fontColor=#545454;shadow=0;" parent="1" source="3" target="5" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="320" y="330" as="sourcePoint"/>
<mxPoint x="320" y="260" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="34" value="" style="edgeStyle=none;html=1;strokeColor=#999999;shadow=0;" edge="1" parent="1" source="3" target="13">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="3" value="递归地克隆原始 DOM节点" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;gradientColor=none;imageAspect=1;" parent="1" vertex="1">
<mxGeometry x="222.5" y="200" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="23" value="" style="edgeStyle=none;html=1;strokeColor=#999999;entryX=0.5;entryY=0;entryDx=0;entryDy=0;shadow=0;" edge="1" parent="1" source="5" target="13">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" value="计算节点和每个子节点的样式,并复制到对应克隆节点上" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="1" vertex="1">
<mxGeometry x="222.5" y="260" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="12" value="绘制 SVG 到画布" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="1" vertex="1">
<mxGeometry x="223.75" y="560" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="26" value="" style="edgeStyle=none;html=1;strokeColor=#999999;entryX=0.5;entryY=0;entryDx=0;entryDy=0;shadow=0;" edge="1" parent="1" source="13" target="14">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="13" value="嵌入式网页字体" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;html=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="222.5" y="315" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="28" value="" style="edgeStyle=none;html=1;strokeColor=#999999;entryX=0.5;entryY=0;entryDx=0;entryDy=0;shadow=0;" edge="1" parent="1" source="14" target="15">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="14" value="嵌入图像" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;html=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="222.5" y="370" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="29" value="" style="edgeStyle=none;html=1;strokeColor=#999999;shadow=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;" edge="1" parent="1" source="15" target="12">
<mxGeometry relative="1" as="geometry">
<mxPoint x="306.25" y="480" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="15" value="将克隆节点序列化并转换为 SVG" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;html=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="223.75" y="470" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="33" value="" style="swimlane;startSize=0;strokeColor=#999999;html=1;dashed=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="190" y="250" width="380" height="160" as="geometry"/>
</mxCell>
<mxCell id="6" value="资源处理" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=30;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=1;marginBottom=0;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="33" vertex="1">
<mxGeometry x="220" y="20" width="140" height="120" as="geometry">
<mxRectangle x="402.5" y="260" width="60" height="30" as="alternateBounds"/>
</mxGeometry>
</mxCell>
<mxCell id="7" value="字体资源:embedFonts" style="text;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="6" vertex="1">
<mxGeometry y="30" width="140" height="30" as="geometry"/>
</mxCell>
<mxCell id="8" value="图片资源:inlineImages" style="text;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="6" vertex="1">
<mxGeometry y="60" width="140" height="30" as="geometry"/>
</mxCell>
<mxCell id="9" value="样式资源:applyOptions" style="text;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=4;spacingRight=4;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;strokeColor=#DEDEDE;fontColor=#545454;shadow=0;" parent="6" vertex="1">
<mxGeometry y="90" width="140" height="30" as="geometry"/>
</mxCell>
<mxCell id="37" value="" style="shape=curlyBracket;whiteSpace=wrap;html=1;rounded=1;flipH=1;shadow=0;fontFamily=Helvetica;fontSize=12;fontColor=#545454;strokeColor=#999999;fillColor=none;gradientColor=none;" vertex="1" parent="33">
<mxGeometry x="200" y="20" width="20" height="120" as="geometry"/>
</mxCell>
<mxCell id="42" value="" style="edgeStyle=none;html=1;shadow=0;fontFamily=Helvetica;fontSize=12;fontColor=#545454;strokeColor=#999999;" edge="1" parent="1" source="38" target="39">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="38" value="将克隆节点序列化为 XML" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;html=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="408.75" y="430" width="165" height="30" as="geometry"/>
</mxCell>
<mxCell id="39" value="将 XML包装到&amp;lt;foreignObject&amp;gt;标记中,然后包装到 SVG中,然后使其成为一个数据 URL" style="rounded=0;whiteSpace=wrap;fillColor=#FFFFFF;strokeColor=#DEDEDE;fontColor=#545454;html=1;shadow=0;" vertex="1" parent="1">
<mxGeometry x="407.5" y="500" width="167.5" height="50" as="geometry"/>
</mxCell>
<mxCell id="41" value="" style="shape=curlyBracket;whiteSpace=wrap;html=1;rounded=1;shadow=0;fontFamily=Helvetica;fontSize=12;fontColor=#545454;strokeColor=#999999;fillColor=none;gradientColor=none;" vertex="1" parent="1">
<mxGeometry x="387.5" y="440" width="20" height="90" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
Loading