2015-12-17 59 views
0

我有一個SVG的圖像和模式應用於rects,如何使用javascript下載整個事物爲PDF?下載SVG的圖像和圖案爲PDF

這裏是我的代碼:http://jsfiddle.net/dnuboz21/5/

<div class="feature"> 
<svg style="height: 100%; 
left: 0; 
position: absolute; 
top: 0; 
width: 100%;"> 
    <image width="980" height="600" xlink:href="http://en.hdyo.org/assets/art-shutter-young-people-a12e2c0cd7a54920cb024fd1394190fd.jpg" clip-path="url(#svg-mask)" /> 
    <defs> 
     <pattern width="1" height="1" id="pat1" viewBox="325 110 150 150" preserveAspectRatio="xMidYMid slice"> 
      <image width="980" height="652" xlink:href="http://en.hdyo.org/assets/art-shutter-young-people-a12e2c0cd7a54920cb024fd1394190fd.jpg" style="filter:url(#svg-blur);" /> 
     </pattern> 
     <filter id="svg-blur"> 
      <feGaussianBlur stdDeviation="10" /> 
     </filter> 
    </defs> 
    <rect x="325" y="110" rx="40" ry="40" width="150" height="150" style="fill:url('#pat1');stroke:red;stroke-width:5;" /> 
</svg> 

回答

1

你不能只是下載PDF格式。要創建PDF,你需要像一個PDF工具:

如需更多信息,搜索如谷歌create pdf with browser

另一種選擇只是要打印它。今天的許多瀏覽器都可以選擇打印成PDF。