html`<svg viewbox="0 0 ${width} ${height}">
<defs>
<rect id="square" fill="${colors.ac}"
x="0" y="2" width="22" height="22" />
<path d="M15,11.5 L29,11.5 L29,15.5 L15,15.5 L15,29 L11,29 L11,15.5 L-3,15.5 L-3,11.5 L11,11.5 L11,-3 L15,-3 L15,11.5 Z"
id="cross" fill="${colors.ac}"
fill-rule="nonzero"
transform="translate(13.000000, 13.000000) rotate(-45.000000) translate(-13.000000, -13.000000)"
></path>
<polygon id="triangle"
fill="${colors.ac}" points="16 0 32 26 0 26"></polygon>
</defs>
//背景
<rect x="0" y="0" width="${width}" height="${height}" fill="${colors.bg}" />
<g transform="translate(${marginX}, ${marginY})">
${showGridLines && drawGrid()}//1绘制网格,用showGridLines控制是否显示
${showNoiseSpace && drawNoise()}//2绘制噪音,用showNoiseSpace控制是否显示
${drawIsoLines()}//3绘制等值线
${placeSymbols()}//4绘制图内的图例
</g>
${placeLegend()}//5绘制图外的图例
</svg>`