如何通過對象標簽在x和y軸上縮放svg？

Question

在我的html文件中，我有一個通過對象標記加載的svg。 我想在x和y軸上縮放它，但是它不起作用。 有人知道怎么做嗎？

謝謝

<!DOCTYPE html>
<html>
    <head>
        <title>Animate</title>
        <style>
        </style>

    </head>
    <body>

        <object data="images/steve/steve.svg" type="image/svg+xml" id="steve" width="100%" height="100%"></object>

        <script>

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

            steve.addEventListener("load", function() {

                var svgDoc = steve.contentDocument; 


                //steve.setAttribute('transform','scale(1.0 2.0)');   // this does not work

            },false);
        </script>
    </body>

</html>

Answer 1

將svg元素放入div並進行縮放。 另外，請確保在“ steve.svg”中將svg元素本身的寬度和高度設置為100％，以使其隨元素縮放。 您可以通過在文本編輯器中打開steve.svg並在<svg></svg>標記中添加width="100%" height="100%"來完成此操作

<div id="steve-container">
    <object data="images/steve/steve.svg" type="image/svg+xml" id="steve" width="100%" height="100%"></object>
</div>

然后只需在steve-container上將css樣式設置為所需的大小

如何通過對象標簽在x和y軸上縮放svg？

問題描述

1 個解決方案

解決方案1
0 2015-05-28 01:26:28

如何通過對象標簽在x和y軸上縮放svg？

問題描述

1 個解決方案

解決方案1 0 2015-05-28 01:26:28

解決方案1
0 2015-05-28 01:26:28