如何用JavaScript填充IMG src？

Question

我在PHP具有此功能，該功能來自我正在工作的項目：

  foreach ($reports["included_reports"] as $index => $report_name ) {
    if (! in_array( $report_name, $reports["excluded_reports"])) {
      $optional_reports .= 
      "<div class=\"large-12 columns\">
         <div class=\"panel\">
           <a href=\"./graph_all_periods.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\">
             <img BORDER=0 style=\"padding:2px;\" $additional_cluster_img_html_args title=\"$cluster_url\" SRC=\"./graph.php?$graph_args&amp;g=". $report_name ."&amp;height=???&amp;width=???\" >
           </a>
         </div>
       </div>";
   }
 }

我想調整圖像大小以填充div，但是我不能使用width:100% ，因為我必須告知PHP width和height 。 但是首先執行PHP，我也不知道用戶監視器的分辨率。 在Google中搜索時，我發現我只能通過JavaScipt知道用戶監視器的分辨率 。 所以我想知道是否有可能做一些我可以知道用戶監視器並告知img標簽中的width和heigh參數的事情。

Answer 1

確保圖像始終填充div並將其設置為背景圖像並使用CSS background-size對其進行拉伸的最佳方法

Answer 2

在您的js中，對於用戶監視器，請嘗試window.screen.width和window.screen.height 。 對於圖像尺寸，您可以在CSS中使用100％，然后通過img.clientWidth在px中獲得js的高度和寬度。