如何使用蜡染缩放SVG图像

时间:2019-12-03 12:12:46

标签: java css svg batik

我有一个SVG文件,我想将其缩放2.5倍(x和y)。我使用蜡染处理SVG文件,并在将svg按给定的比例缩放后从其中创建一个新的SVG。如果仅更改宽度和高度,则SVG将被正确缩放,但这不会更改SVG中的路径坐标。我希望SVG路径坐标也可以根据比例因子进行更改。如何在Java中使用蜡染来做到这一点?

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="6621.3876953125px" contentScriptType="text/ecmascript" y="5074.92138671875px" width="4794.3623046875px" zoomAndPan="magnify" contentStyleType="text/css" viewBox="6621.3876953125 5074.92138671875 4794.3623046875 6331.39404296875" height="6331.39404296875px" preserveAspectRatio="xMidYMid meet" version="1.0">
<g id="Outline" clip-path="url(#clippath)">
	<rect x="0" y="0" fill="#FF99FF" width="16000" height="16000" stroke="black" stroke-width="1"/>
</g>
<g>
<clipPath id="clippath">
	<path fill="none" stroke-miterlimit="10" stroke-width="0.2" d="M10703.95,6693.444    c23.523,47.211,47.049,94.426,76.031,138.154c29.248,44.129,64.057,84.711,100.938,123.025    c36.48,37.898,74.994,73.572,115.232,107.236c38.252,31.994,78.068,62.172,118.934,90.789    c36.627,25.643,74.1,50.035,112.02,73.684c31.064,19.371,62.428,38.252,94.504,55.922c22.277,12.27,44.9,23.951,66.381,37.5    c9.363,5.902,18.51,12.156,27.658,18.414l-156.98,4068.047l-4480.561-0.182l-156.617-4068.055    c9.262-6.262,18.523-12.523,28.002-18.42c21.785-13.561,44.713-25.229,67.295-37.488c32.51-17.658,64.301-36.537,95.785-55.914    c38.416-23.641,76.387-48.02,113.498-73.676c41.363-28.59,81.674-58.764,120.41-90.781    c40.676-33.629,79.623-69.295,116.525-107.23c37.223-38.258,72.369-78.82,101.855-123.018    c29.145-43.682,52.768-90.916,76.389-138.146c36.246-94.289,72.494-188.576,103.488-284.627    c28.082-87.043,51.854-175.537,72.377-264.732c18.227-79.229,33.898-159.008,46.602-239.273    c10.939-69.109,19.688-138.574,26.16-208.25c5.309-57.104,9.092-114.352,11.061-171.654c1.484-43.148,1.938-86.332,1.293-129.504    c-0.404-27.287-1.248-54.572-3.139-81.783c-0.652-9.506-1.439-19-2.227-28.498l739.404-209.859l438.984,602.408h496.988    l436.283-602.498l422.309,118.52l317.609,91.559c-0.785,9.496-1.572,18.99-2.234,28.496c-1.891,27.217-2.734,54.498-3.145,81.783    c-0.643,43.176-0.191,86.355,1.281,129.506c1.963,57.303,5.744,114.551,11.049,171.656    c6.473,69.678,15.213,139.141,26.145,208.248c12.701,80.266,28.363,160.049,46.582,239.281    c20.514,89.195,44.275,177.693,72.352,264.74C10631.474,6504.862,10667.708,6599.151,10703.95,6693.444L10703.95,6693.444" stroke="#000000"/>
</clipPath>
</g>
</svg>

我的意思是说,如何缩放此SVG,以便路径中的“ d”值也发生变化?

0 个答案:

没有答案