js操作svg整體縮放的示例

2023-05-16 13:03:18

<!DOCTYPE html>

<html>

<head>

<title>js操作svg實作整體縮放</title>

<meta charset="utf-8">

</head>

<body>

<svg id="svg" style="background:#FAFAFA;">

<g id="svgPanel">

<g id="grid"></g>

<circle fill="red" r="50" cx="100" cy="100"></circle>

</g>

</svg>

<button οnclick="zoom(1.1)">放大</button>

<button οnclick="zoom(0.9)">縮小</button>

<script type="text/javascript">

var svg = document.getElementById("svg");

var svgPanel = document.getElementById("svgPanel");

var gridSvg = document.getElementById("grid");

XML dom JavaScript相關 svg 縮放 scale 整體縮放

上一篇: 了解TCP的四種計時器

下一篇: TCP中的四種計時器

繼續閱讀