Android 使用WebView控件展示SVG图

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<Button
android:id="@+id/btnGetSVG"
android:layout_width="120dp"
android:layout_height="50dp"
android:text="Getmage" />

<WebView
android:id="@+id/webView"
android:layout_width="600dp"
android:layout_height="400dp" />

</LinearLayout>

package com.example.testdemo;

import android.app.Activity;
import android.os.Bundle;
import android.os.Environment;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.Button;

public class MainActivity extends Activity {

private Button btnGetSVG;
private WebView webView;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

btnGetSVG = (Button) findViewById(R.id.btnGetSVG);
webView = (WebView) findViewById(R.id.webView);
btnGetSVG.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
readHtmlFormAssets();
}
});

}

// 读取SVG文件方法
private void readHtmlFormAssets() {
WebSettings webSettings = webView.getSettings();
webSettings.setLoadWithOverviewMode(true);
webSettings.setJavaScriptEnabled(true);
webSettings.setUseWideViewPort(true);
webView.getSettings().setBuiltInZoomControls(true);// 会出现放大缩小的按钮
webView.getSettings().setSupportZoom(true);
webView.getSettings().setSupportMultipleWindows(true);
webView.setInitialScale(75);

try {
// SVG图所在路径
String svg_path = "file://"
+ Environment.getExternalStorageDirectory()
+ "/svg/115.svg";

if (svg_path.contains("#")) {
svg_path = svg_path.replaceAll("#", "%23");
}
webView.loadUrl(svg_path);

} catch (Exception e) {
e.printStackTrace();
}
}
}