CSS を使用してスクリーンショットを撮る 3 つの方法

この記事では主に CSS スクリーンショットの 3 つの方法を紹介します。これは参考価値があり、皆様のお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

CSS を使用して画像をスクリーンショットするいくつかの方法

元の画像:

• DIV 背景位置を使用:

IMG クリップを使用: rect (左上 Y、右下 オーバーフロー属性)コントロール

• <p class="p_bg"></p>
  <style type="text/css">
     .p_bg
          {           
           width: 550px;     
           height: 113px;     
           background-image: url(img/bk_title_all.jpg);  
           background-repeat: no-repeat;       
           background-position: 0px -599px;  
  }</style>

  レンダリング:

  <img  class="img1" src="img/bk_title_all.jpg" / alt="CSS を使用してスクリーンショットを撮る 3 つの方法" >
      <style type="text/css">
        .img1
        {  
            width: 550px;   
            background-image: url(img/bk_title_all.jpg);      
            clip: rect(599px 550px 712px 0px);      
            position: absolute;       
            margin-top: -599px;        }
       </style

以上がCSS を使用してスクリーンショットを撮る 3 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。