zoukankan      html  css  js  c++  java
  • java通过SVG导出图片

    import java.io.ByteArrayInputStream;
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.OutputStream;
    
    import org.apache.batik.transcoder.TranscoderException;
    import org.apache.batik.transcoder.TranscoderInput;
    import org.apache.batik.transcoder.TranscoderOutput;
    import org.apache.batik.transcoder.image.PNGTranscoder;
    
    /**
     * 将svg转换为png格式的图片
     * 
     * 
     */
    public class testPDF {
    
      /**
       * 将svg字符串转换为png
       * 
       * @param svgCode svg代码
       * @param pngFilePath 保存的路径
       * @throws TranscoderException svg代码异常
       * @throws IOException io错误
       */
      public static void convertToPng(String svgCode, String pngFilePath) throws IOException,
          TranscoderException {
    
        File file = new File(pngFilePath);
    
        FileOutputStream outputStream = null;
        try {
          file.createNewFile();
          outputStream = new FileOutputStream(file);
          convertToPng(svgCode, outputStream);
        } finally {
          if (outputStream != null) {
            try {
              outputStream.close();
            } catch (IOException e) {
              e.printStackTrace();
            }
          }
        }
      }
    
      /**
       * 将svgCode转换成png文件,直接输出到流中
       * 
       * @param svgCode svg代码
       * @param outputStream 输出流
       * @throws TranscoderException 异常
       * @throws IOException io异常
       */
      public static void convertToPng(String svgCode, OutputStream outputStream)
          throws TranscoderException, IOException {
        try {
          byte[] bytes = svgCode.getBytes("utf-8");
          PNGTranscoder t = new PNGTranscoder();
          TranscoderInput input = new TranscoderInput(new ByteArrayInputStream(bytes));
          TranscoderOutput output = new TranscoderOutput(outputStream);
          t.transcode(input, output);
          outputStream.flush();
        } finally {
          if (outputStream != null) {
            try {
              outputStream.close();
            } catch (IOException e) {
              e.printStackTrace();
            }
          }
        }
      }
      
      public static void main(String[] args) {
          String outimgfilename = "d://svg.png";
    //      String tmp_str = "<svg version="1.1" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="1154" height="400"><desc>Created with Highcharts 4.1.7</desc><defs><clipPath id="highcharts-32"><rect x="0" y="0" width="1055" height="299"></rect></clipPath></defs><rect x="0" y="0" width="1154" height="400" strokeWidth="0" fill="#f8f8f8" class=" highcharts-background"></rect><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 79 309.5 L 1134 309.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 79 249.5 L 1134 249.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 79 189.5 L 1134 189.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 79 130.5 L 1134 130.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 79 70.5 L 1134 70.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 79 9.5 L 1134 9.5" stroke="#D8D8D8" stroke-width="1" zIndex="1" opacity="1"></path></g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 117.5 309 L 117.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 156.5 309 L 156.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 195.5 309 L 195.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 234.5 309 L 234.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 273.5 309 L 273.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 312.5 309 L 312.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 352.5 309 L 352.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 391.5 309 L 391.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 430.5 309 L 430.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 469.5 309 L 469.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 508.5 309 L 508.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 547.5 309 L 547.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 586.5 309 L 586.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 625.5 309 L 625.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 664.5 309 L 664.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 703.5 309 L 703.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 742.5 309 L 742.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 781.5 309 L 781.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 820.5 309 L 820.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 859.5 309 L 859.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 899.5 309 L 899.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 938.5 309 L 938.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 977.5 309 L 977.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 1016.5 309 L 1016.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 1055.5 309 L 1055.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 1094.5 309 L 1094.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 1134.5 309 L 1134.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 78.5 309 L 78.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 79 309.5 L 1134 309.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path></g><g class="highcharts-axis" zIndex="2"><text x="26.359375" zIndex="7" text-anchor="middle" transform="translate(0,0) rotate(270 26.359375 159.5)" class=" highcharts-yaxis-title" style="color:#707070;fill:#707070;" visibility="visible" y="159.5">时长(秒)</text></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(79,10) scale(1 1)" style="" ><rect x="10.5" y="60.5" width="18" height="239" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="49.5" y="280.5" width="18" height="19" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="88.5" y="285.5" width="18" height="14" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="127.5" y="292.5" width="18" height="7" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="166.5" y="293.5" width="18" height="6" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="205.5" y="294.5" width="18" height="5" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="244.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="283.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="322.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="361.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="400.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="439.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="478.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="518.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="557.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="596.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="635.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="674.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="713.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="752.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="791.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="830.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="869.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="908.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="947.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="986.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="1025.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect></g><g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(79,10) scale(1 1)" clip-path="none"></g></g><g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7"><text x="101.813645214193" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 101.813645214193 324)" y="324" opacity="1"><tspan>角标</tspan></text><text x="140.88771928826708" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 140.88771928826708 324)" y="324" opacity="1"><tspan>互动支持</tspan></text><text x="179.96179336234115" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 179.96179336234115 324)" y="324" opacity="1"><tspan>飞字</tspan></text><text x="219.03586743641523" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 219.03586743641523 324)" y="324" opacity="1"><tspan>灯箱</tspan></text><text x="258.1099415104893" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 258.1099415104893 324)" y="324" opacity="1"><tspan>实物摆放</tspan></text><text x="297.18401558456344" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 297.18401558456344 324)" y="324" opacity="1"><tspan>口播</tspan></text><text x="336.25808965863746" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 336.25808965863746 324)" y="324" opacity="1"><tspan>内容提示</tspan></text><text x="375.3321637327116" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 375.3321637327116 324)" y="324" opacity="1"><tspan>压屏条</tspan></text><text x="414.4062378067857" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 414.4062378067857 324)" y="324" opacity="1"><tspan>场景植入</tspan></text><text x="453.48031188085974" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 453.48031188085974 324)" y="324" opacity="1"><tspan>麦标</tspan></text><text x="492.55438595493376" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 492.55438595493376 324)" y="324" opacity="1"><tspan>大屏幕</tspan></text><text x="531.6284600290078" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 531.6284600290078 324)" y="324" opacity="1"><tspan>片尾拉滚</tspan></text><text x="570.7025341030819" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 570.7025341030819 324)" y="324" opacity="1"><tspan>人名提示条</tspan></text><text x="609.7766081771559" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 609.7766081771559 324)" y="324" opacity="1"><tspan>协助播映</tspan></text><text x="648.8506822512301" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 648.8506822512301 324)" y="324" opacity="1"><tspan>道具植入</tspan></text><text x="687.9247563253041" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 687.9247563253041 324)" y="324" opacity="1"><tspan>产品使用</tspan></text><text x="726.9988303993782" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 726.9988303993782 324)" y="324" opacity="1"><tspan>微信微博互动</tspan></text><text x="766.0729044734522" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 766.0729044734522 324)" y="324" opacity="1"><tspan>PAD屏</tspan></text><text x="805.1469785475264" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 805.1469785475264 324)" y="324" opacity="1"><tspan>片尾鸣谢</tspan></text><text x="844.2210526216004" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 844.2210526216004 324)" y="324" opacity="1"><tspan>歌名条</tspan></text><text x="883.2951266956745" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 883.2951266956745 324)" y="324" opacity="1"><tspan>广告关版</tspan></text><text x="922.3692007697485" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 922.3692007697485 324)" y="324" opacity="1"><tspan>虚拟模型</tspan></text><text x="961.4432748438227" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 961.4432748438227 324)" y="324" opacity="1"><tspan>过渡片</tspan></text><text x="1000.5173489178967" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 1000.5173489178967 324)" y="324" opacity="1"><tspan>片头冠名</tspan></text><text x="1039.591422991971" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 1039.591422991971 324)" y="324" opacity="1"><tspan>实物模型</tspan></text><text x="1078.6654970660452" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 1078.6654970660452 324)" y="324" opacity="1"><tspan>广告开版</tspan></text><text x="1117.739571140119" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 1117.739571140119 324)" y="324" opacity="1"><tspan>笔记本背贴</tspan></text></g><g class="highcharts-axis-labels highcharts-yaxis-labels" zIndex="7"><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="313" opacity="1">0k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="74" opacity="1">100k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="253" opacity="1">25k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="193" opacity="1">50k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="134" opacity="1">75k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;371px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="14" opacity="1">125k</text></g><g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" transform="translate(0,-9999)"><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></path><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></path><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></path><path fill="#FFFFFF" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5"></path></g></svg>";
          String tmp_str = "<svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="font-family:'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="600" height="400"><desc>Created with Highcharts 4.1.7</desc><defs><clipPath id="highcharts-244"><rect x="0" y="0" width="501" height="299"></rect></clipPath></defs><rect x="0" y="0" width="600" height="400" strokeWidth="0" fill="#f8f8f8" class=" highcharts-background"></rect><g class="highcharts-grid" ></g><g class="highcharts-grid" ><path fill="none" d="M 79 309.5 L 580 309.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path><path fill="none" d="M 79 249.5 L 580 249.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path><path fill="none" d="M 79 189.5 L 580 189.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path><path fill="none" d="M 79 130.5 L 580 130.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path><path fill="none" d="M 79 70.5 L 580 70.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path><path fill="none" d="M 79 9.5 L 580 9.5" stroke="#D8D8D8" stroke-width="1"  opacity="1"></path></g><g class="highcharts-axis" ><path fill="none" d="M 97.5 309 L 97.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 115.5 309 L 115.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 134.5 309 L 134.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 152.5 309 L 152.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 171.5 309 L 171.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 189.5 309 L 189.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 208.5 309 L 208.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 226.5 309 L 226.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 245.5 309 L 245.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 264.5 309 L 264.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 282.5 309 L 282.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 301.5 309 L 301.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 319.5 309 L 319.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 338.5 309 L 338.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 356.5 309 L 356.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 375.5 309 L 375.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 393.5 309 L 393.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 412.5 309 L 412.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 431.5 309 L 431.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 449.5 309 L 449.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 468.5 309 L 468.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 486.5 309 L 486.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 505.5 309 L 505.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 523.5 309 L 523.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 542.5 309 L 542.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 560.5 309 L 560.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 580.5 309 L 580.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 78.5 309 L 78.5 319" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 79 309.5 L 580 309.5" stroke="#C0D0E0" stroke-width="1"  visibility="visible"></path></g><g class="highcharts-axis" ><text x="26.359375"  text-anchor="middle" transform="translate(0,0) rotate(270 26.359375 159.5)" class=" highcharts-yaxis-title" style="color:#707070;fill:#707070;" visibility="visible" y="159.5">时长(秒)</text></g><g class="highcharts-series-group" ><g class="highcharts-series" visibility="visible"  transform="translate(79,10) scale(1 1)" clip-path="url(#highcharts-244)"><rect x="-0.5" y="60.5" width="18" height="239" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="18.5" y="280.5" width="18" height="19" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="36.5" y="285.5" width="18" height="14" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="55.5" y="292.5" width="18" height="7" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="74.5" y="293.5" width="18" height="6" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="92.5" y="294.5" width="18" height="5" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="111.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="129.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="148.5" y="295.5" width="18" height="4" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="166.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="185.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="203.5" y="296.5" width="18" height="3" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="222.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="241.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="259.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="278.5" y="297.5" width="18" height="2" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="296.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="315.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="333.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="352.5" y="298.5" width="18" height="1" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="370.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="389.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="408.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="426.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="445.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="463.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect><rect x="482.5" y="299.5" width="18" height="0" stroke="#FFFFFF" stroke-width="1" fill="#1b9ade" rx="0" ry="0"></rect></g><g class="highcharts-markers" visibility="visible"  transform="translate(79,10) scale(1 1)" clip-path="none"></g></g><g class="highcharts-axis-labels highcharts-xaxis-labels" ><text x="91.55438595493374" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 91.55438595493374 324)" y="324" opacity="1"><tspan>角标</tspan></text><text x="110.1099415104893" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 110.1099415104893 324)" y="324" opacity="1"><tspan>互动支持</tspan></text><text x="128.66549706604488" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 128.66549706604488 324)" y="324" opacity="1"><tspan>飞字</tspan></text><text x="147.22105262160042" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 147.22105262160042 324)" y="324" opacity="1"><tspan>灯箱</tspan></text><text x="165.77660817715596" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 165.77660817715596 324)" y="324" opacity="1"><tspan>实物摆放</tspan></text><text x="184.33216373271154" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 184.33216373271154 324)" y="324" opacity="1"><tspan>口播</tspan></text><text x="202.88771928826708" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 202.88771928826708 324)" y="324" opacity="1"><tspan>内容提示</tspan></text><text x="221.44327484382265" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 221.44327484382265 324)" y="324" opacity="1"><tspan>压屏条</tspan></text><text x="239.9988303993782" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 239.9988303993782 324)" y="324" opacity="1"><tspan>场景植入</tspan></text><text x="258.55438595493376" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 258.55438595493376 324)" y="324" opacity="1"><tspan>麦标</tspan></text><text x="277.1099415104893" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 277.1099415104893 324)" y="324" opacity="1"><tspan>大屏幕</tspan></text><text x="295.6654970660449" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 295.6654970660449 324)" y="324" opacity="1"><tspan>片尾拉滚</tspan></text><text x="314.22105262160045" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 314.22105262160045 324)" y="324" opacity="1"><tspan>人名提示条</tspan></text><text x="332.77660817715605" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 332.77660817715605 324)" y="324" opacity="1"><tspan>协助播映</tspan></text><text x="351.3321637327116" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 351.3321637327116 324)" y="324" opacity="1"><tspan>道具植入</tspan></text><text x="369.88771928826714" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 369.88771928826714 324)" y="324" opacity="1"><tspan>产品使用</tspan></text><text x="388.4432748438227" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 388.4432748438227 324)" y="324" opacity="1"><tspan>微信微博互动</tspan></text><text x="406.9988303993782" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 406.9988303993782 324)" y="324" opacity="1"><tspan>PAD屏</tspan></text><text x="425.5543859549338" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 425.5543859549338 324)" y="324" opacity="1"><tspan>片尾鸣谢</tspan></text><text x="444.10994151048936" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 444.10994151048936 324)" y="324" opacity="1"><tspan>歌名条</tspan></text><text x="462.6654970660449" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 462.6654970660449 324)" y="324" opacity="1"><tspan>广告关版</tspan></text><text x="481.22105262160045" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 481.22105262160045 324)" y="324" opacity="1"><tspan>虚拟模型</tspan></text><text x="499.77660817715605" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 499.77660817715605 324)" y="324" opacity="1"><tspan>过渡片</tspan></text><text x="518.3321637327115" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 518.3321637327115 324)" y="324" opacity="1"><tspan>片头冠名</tspan></text><text x="536.887719288267" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 536.887719288267 324)" y="324" opacity="1"><tspan>实物模型</tspan></text><text x="555.4432748438226" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 555.4432748438226 324)" y="324" opacity="1"><tspan>广告开版</tspan></text><text x="573.9988303993781" style="color:#606060;cursor:default;font-size:11px;fill:#606060;400px;text-overflow:ellipsis;" text-anchor="end" transform="translate(0,0) rotate(-55 573.9988303993781 324)" y="324" opacity="1"><tspan>笔记本背贴</tspan></text></g><g class="highcharts-axis-labels highcharts-yaxis-labels" ><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="313" opacity="1">0k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="74" opacity="1">100k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="253" opacity="1">25k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="193" opacity="1">50k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="134" opacity="1">75k</text><text x="64" style="color:#606060;cursor:default;font-size:11px;fill:#606060;188px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="14" opacity="1">125k</text></g><g class="highcharts-tooltip"  style="cursor:default;padding:0;white-space:nowrap;" transform="translate(0,-9999)"><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5"  stroke="black" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></path><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5"  stroke="black" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></path><path fill="none" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5"  stroke="black" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></path><path fill="#FFFFFF" d="M 3.5 0.5 L 13.5 0.5 C 16.5 0.5 16.5 0.5 16.5 3.5 L 16.5 13.5 C 16.5 16.5 16.5 16.5 13.5 16.5 L 3.5 16.5 C 0.5 16.5 0.5 16.5 0.5 13.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5"></path><text x="8"  style="font-size:12px;color:#333333;fill:#333333;" y="20"></text></g></svg>";
          try {
            convertToPng(tmp_str, outimgfilename);
        } catch (IOException e) {
            e.printStackTrace();
        } catch (TranscoderException e) {
            e.printStackTrace();
        }
    }
  • 相关阅读:
    webpack-merge 配置抽离
    从这个博客皮肤迈入前端性能优化一小步
    用 webpack 搭了一个写博客园皮肤的架子
    host 文件位置
    鼠标右键添加取得管理员所有权
    桌面快捷方式去掉小箭头
    win10恢复系统预装软件
    Zookeeper相关知识
    Docker安装常见的应用与将本地镜像推送到阿里云
    DockerFile解析
  • 原文地址:https://www.cnblogs.com/dreamzhiya/p/5166408.html
Copyright © 2011-2022 走看看