Php mPDF将方形图像转换为圆形

Php mPDF将方形图像转换为圆形,php,html,css,mpdf,Php,Html,Css,Mpdf,mPDF中的图像是否可能是一个圆? 到处找,找不到任何明确的答案 对我来说,这张图片显示得很好,只是它是一个正方形,应该是一个圆形 css php $inputPath='../web_content/cool_cat.jpg'; IMG元素不支持边界半径 参见mPDF手册中的 不幸的是,即使将图像放置到支持border-radius元素的div中,也无法伪造 <div style="width: 150px; height: 150px; border-radius: 1

mPDF中的图像是否可能是一个圆? 到处找,找不到任何明确的答案

对我来说,这张图片显示得很好,只是它是一个正方形,应该是一个圆形

css

php

$inputPath='../web_content/cool_cat.jpg';

IMG元素不支持边界半径

参见mPDF手册中的

不幸的是,即使将图像放置到支持border-radius元素的div中,也无法伪造

<div style="width: 150px;
    height: 150px;
    border-radius: 150px; 
    border: 2px solid maroon; 
    overflow: hidden;">
        <img src="assets/butterfly_ProPhoto.png" />
</div>


找到了一种解决方法,将图像用作背景图像而不是元素

因此,在使用mpdf创建pdf的PHP文件中,我刚刚创建了一个div,它可以将图像路径作为$inputPath。现在似乎很好用

HTML/PHP


PDF中可能不支持边框半径。我使用TCPDF和剪切掩码实现了这一点,例如,尝试对类定义使用内联样式,而不是外部文件我不确定是否收到了您的请求:),但这可能有帮助:
$inputPath = '../web_content/cool_cat.jpg';
<div class="profile_img">
    <img src="'.$inputPath.'"/>
</div>
<div style="width: 150px;
    height: 150px;
    border-radius: 150px; 
    border: 2px solid maroon; 
    overflow: hidden;">
        <img src="assets/butterfly_ProPhoto.png" />
</div>
<div class="profile_img" style="background-image: url('.$inputPath.');"></div>
.profile_img {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    border-style: solid;
    border-color: white;
    border-width: medium;

    overflow: hidden;

    background-size: 150px 150px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
 }