-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
我不知道我是否忽略了一些东西来使它起作用，但我正处于智慧的尽头。
慕后森1回答
-
弑天下
我弄清楚了我的问题是什么：-webkit-transform仅在 -Element 上使用时在 IronPdf 中工作，而不在 -Element 上工作。svgcircle
随时随地看视频慕课网APP
相关分类
JavaScript