猿问

-webkit-transform CSS 属性在 IronPdf 中不起作用

我想用IronPdf转换ASP .NET项目中的html页面


这是我给IronPdf的HTML:


<!doctype html>

<html>

<head>

    <!-- Required meta tags -->

    <meta charset="UTF-8">

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <style type="text/css">

        .meter {

            width: 100%;

            height: 100%;

        }


        .circle {

            fill: none;

            -webkit-transform-origin: 50% 50%;

            -webkit-transform: rotateZ(-90deg) rotateX(180deg);

        }


        .outline, .mask {

            stroke: #F1F1F1;

            stroke-width: 30;

        }


        .range {

            stroke-width: 30;

        }

    </style>


</head>

<body>

    <div class="container">

        <h5 id="headline">Test Render</h5>

        <svg class="meter">

            <circle class="outline-curves circle outline" cx="50%" cy="50%" r="100"></circle>

            <circle class="low circle range" cx="50%" cy="50%" stroke="#FDE47F" r="100"></circle>

            <circle class="mask circle" cx="50%" cy="50%" r="100"></circle>

            <circle class="outline-ends circle outline" cx="50%" cy="50%" r="100"></circle>

            <text class="text" x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">70%</text>

        </svg>

    </div>

</body>

</html>

<footer>

   

根据他们的文档,这应该有效:https://ironpdf.com/docs/questions/rotating-text/


当我在浏览器中尝试HTML时,它可以按预期工作,但是当IronPdf将其转换为PDF时,除了CSS属性之外,一切都可以正常工作。-webkit-transform


我不知道我是否忽略了一些东西来使它起作用,但我正处于智慧的尽头。


慕后森
浏览 104回答 1
1回答

弑天下

我弄清楚了我的问题是什么:-webkit-transform仅在 -Element 上使用时在 IronPdf 中工作,而不在 -Element 上工作。svgcircle
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答