mPDF正方形の画像を円に変える

Question

画像をmPDFの円にすることは可能でしょうか？ 見渡すと明確な回答が見つかりませんでした。

この画像は正方形であることを除いて上手く表示され、これは円にする必要があります。

CSS

img{ 
    width: 150px; 
    height: 150px; 
    border-radius: 150px; 
} 

PHP

$inputPath = '../web_content/cool_cat.jpg'; 
<div class="profile_img"> 
    <img src="'.$inputPath.'"/> 
</div> 

Answer 1

。

したがって、mpdfでpdfを作成するPHPファイル内で、私は$ inputPathとしてイメージパスをとることができるdivを作成しました。今すぐうまくいくと思う。

HTML/PHP

<div class="profile_img" style="background-image: url('.$inputPath.');"></div> 

CSS

.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; 
} 

Answer 2

境界半径は、IMG要素でサポートされていません。

Supported CSS（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>