Android 使用WebView控件展示SVG图

时间:2021-12-25 07:19:34

1.添加布局界面代码:

 <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>

2.添加java代码:

 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(); 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();
}
}
}