內容簡介
此外掛可為您的 WordPress 添加一些 SVG 功能，並使用一種基於 Alexey Ten 的想法並由 Jens Kuerschner 使用的 SVG 技術，這是此外掛的起點。
在 HTML 中添加 SVG 圖像的這種方式似乎是目前性能和兼容性最佳的結合。
將 SVG 文件上傳到 WordPress，並透過視覺編輯器中的 SVG 按鈕將其添加到您的文章或頁面中。在此處，您甚至可以選擇在您的 SVG 上啟用縮放和平移（滑鼠拖曳），對於例如地圖等圖像十分有用。您還可以設定圖像大小、後備圖像和 SEO 的 alt 文本。
功能列表:
將 SVG 文件上傳到多媒體庫中
在文章或頁面中透過 TinyMCE 按鈕或短碼使用 SVG 文件
為 SVG 圖像添加標題的選項
在 SVG 圖像中設置縮放和平移的選項（通過滑鼠和按鈕）
設定 CSS 類別的選項
為 SVG 文件定義後備圖像（通常為 PNG）的選項
添加 SEO 的 ALT 資訊的選項
範例：
[svg-complete align=”aligncenter” class=”my_own_class” svg_path=”http://upload.wikimedia.org/wikipedia/commons/9/95/World_map_frigid.svg” alt_path=”www.mysite.com/images/worldmap.png” alt=”wiki world map” width=”760″ height=”400″ zoompan=”zoom_button”]Wiki Worldmap[/svg-complete]
請參閱 http://www.automatic-rock.nl/svg-zoom-pan-drag-wordpress/ 獲取完整的指示和範例
外掛標籤
開發者團隊
原文外掛簡介
This plugin adds some SVG functionality to your WordPress and uses a SVG technique that’s based on an idea by Alexey Ten and used by Jens Kuerschner which was my starting point for this plugin.
This way of including SVG images into HTML seems to be the one with the best combination of performance and compatibility at the moment.
Upload SVG files to your WordPress and add them to your post or pages via the SVG button in your visual editor. Here you can even select to have zoom and pan (mouse drag) on your svg, useful for maps for example. You can also set image size, a fallback image and an alt text for SEO
List of Features:
Upload SVG files to your media library
Use SVG files via a TinyMCE bytton or by shortcode in your posts or pages
Option to add captions to your SVG images
Option to set zoom and drag on svg images (by mouse and buttons)
Option to set a CSS class
Option to define a fallback image (usually PNG) for your SVG
Option to add alt-information for SEO
Example:
[svg-complete align=”aligncenter” class=”my_own_class” svg_path=”http://upload.wikimedia.org/wikipedia/commons/9/95/World_map_frigid.svg” alt_path=”www.mysite.com/images/worldmap.png” alt=”wiki world map” width=”760″ height=”400″ zoompan=”zoom_button”]Wiki Worldmap[/svg-complete]
See http://www.automatic-rock.nl/svg-zoom-pan-drag-wordpress/ for a complete instruction and examples
