为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕后森 2022-09-02 10:51:29
我想用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 回答

?
弑天下

TA贡献1818条经验 获得超8个赞

我弄清楚了我的问题是什么:

-webkit-transform仅在 -Element 上使用时在 IronPdf 中工作,而不在 -Element 上工作。svgcircle


查看完整回答
反对 回复 2022-09-02
  • 1 回答
  • 0 关注
  • 103 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号