「水坑」关于 Z-BlogPHP 1.7 缩略图的一些记录

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq

Z-BlogPHP 1.7 将会提供一个Thumb基础类,本身只实现从「原图」到「缩略图」的转换和保存,简单说就是自动帮你变小。

生成路径为zb_users/cache/thumbs/

主题内的使用示例

function ActivePlugin_acgME()
{
  Add_Filter_Plugin('Filter_Plugin_ViewList_Template', 'acgME_Main');
  Add_Filter_Plugin('Filter_Plugin_Post_Thumbs', 'acgME_Thumbs');
  Add_Filter_Plugin('Filter_Plugin_Zbp_BuildTemplate', 'acgME_BuidTemp');
}
function acgME_Main(&$template)
{
  global $zbp;
  // 遍历文章设置图片
  if ($articles = $template->GetTags('articles')) {
    foreach ($articles as $article) {
      acgME_SetIMG($article);
    }
  }
  // else if ($article = $template->GetTags('article')) {
  //   acgME_SetIMG($article);
  // }
}
// 接口函数
function acgME_Thumbs($article, &$all_images, $width, $height, $count, $clip)
{
  $rndNum = $article->ID % 19 + 1;
  $rndImg = acgME_Path("v-noimg", "host") . $rndNum . ".jpg";
  // $all_images为文章正文内的图片,有可能为空,所以追加一张作为默认;
  $all_images[] = $rndImg;
  Thumb::changeDefaultImg($rndImg); // 有图,但是缩略失败时用这个;
}
// 通过封装函数赋值给属性用于调用
function acgME_SetIMG(&$article)
{
  if (!isset($article->Img_640x360)) {
    $article->Img_640x360 = $article->Thumbs(640, 360, 1, false)[0];
    // ↑此处获取值无法保存,保存请用Metas
  }
}
// 用于幻灯片
function acgME_BuidTemp(&$templates)
{
  global $zbp;
  // 幻灯片
  $templates['n-slide'] = "";
  if (!$zbp->template->HasTemplate("m-slide")) {
    return;
  }
  $uFile = acgME_Path("u-slide");
  if (!is_file($uFile)) {
    return;
  }
  // 核心部分
  $slides = json_decode(file_get_contents($uFile));
  foreach ($slides as $key => &$item) {
    $item->Img_142x80 = Thumb::Thumbs([$item->Img], 142, 80, 1, false)[0];
    $item->Img_647x404 = Thumb::Thumbs([$item->Img], 647, 404, 1, false)[0];
  }
  $zbp->template->SetTags('slides', $slides);
  $templates['n-slide'] = $zbp->template->Output("m-slide");
  $script = $zbp->host . 'zb_users/theme/acgME/script/swiper-3.4.2.jquery.min.js';
  $templates['n-slide'] .= '{php}$footer .= \'<script src="' . script .'"></script>\'{/php}';
  $script = $zbp->host . 'zb_users/theme/acgME/script/swiper-act.js';
  $templates['n-slide'] .= '{php}$footer .= \'<script src="' . $script . '"></script>\'{/php}';
}

模板内调用:

<div class="post-img"><img src="{$article.Img_640x360}" alt="{$article.Title}"></div>

关于图片裁切部分的代码笔记

  public function handle()
  {
    if ($this->shouldClip) {
      // 原图:宽/高
      $src_scale = ($this->srcWidth / $this->srcHeight);
      // 新图:宽/高
      $dst_scale = ($this->dstWidth / $this->dstHeight);

      // 高度:原/新
      $h_scale = ($this->srcHeight / $this->dstHeight);
      // 宽度:原/新
      $w_scale = ($this->srcWidth / $this->dstWidth);

      // 原图需要裁切至的目标宽度(横向)
      $w_des = ($this->dstWidth * $h_scale);
      // 原图需要裁切至的目标高度(纵向)
      $h_des = ($this->dstHeight * $w_scale);

      // 新旧比例变化判断裁切方向
      if ($src_scale >= $dst_scale) {
        // 24:15 // 原图 8:5
        // 12:10 // 目标 6:5
        // x:15 = 12:10
        // x = 18 = 12*(15/10) = 15*(12/10) // $w_des
        // 原图高度不变,宽度裁切至 $w_des
        $dst_widthx = (($this->srcWidth - $w_des) / 2); // ((24-18)/2)
        $this->clip($dst_widthx, 0, $w_des, $this->srcHeight);
        // 先将原图裁切至 18:15,再缩放至 12:10
        $this->zoom($this->dstWidth, $this->dstHeight);
      } else {
        // 24:15 // 原图 8:5
        // 40:20 // 目标 10:5
        // 24:y = 40:20
        // y = 12 = 20*(24/40) = 24/(40/20) // $h_des
        // 原图宽度不变,高度裁切至 $h_des
        $dst_heighty = (($this->srcHeight - $h_des) / 2); // ((15-12)/2)
        $this->clip(0, $dst_heighty, $this->srcWidth, $h_des);
        // 理论上,当目标尺寸大于原图尺寸时,这里可以选择返回 24:12 的图片,即上一步裁切好的尺寸
        $this->zoom($this->dstWidth, $this->dstHeight); // 这里实际会返回 24:15
      }
    } else {
      $this->zoom($this->dstWidth);
    }
    $this->save();
    imagedestroy($this->srcRes);
  }

其他

「备忘」访止别人用 iframe 调用你的页面_电脑网络_沉冰浮水:

https://www.wdssmq.com/post/20160730633.html


爱发电

本文标题:《「水坑」关于 Z-BlogPHP 1.7 缩略图的一些记录》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20210224481.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

干货,牛,貌似,,,我看不懂~~~ 回复
发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站分类

  • 订阅本站的 RSS 2.0 新闻聚合

搜索

本周旧文

VSCode 内 git 操作卡住的时候没办法主动取消一直是个痛点,一般都是推送或拉取,今天连提交都卡了。。

又一个夏天过去了,所以今年也没买防水鞋套;然后天凉了,为了应对踢被子买了睡袋,不知道 1.2 米会不会略窄。。

《五至七时的克莱奥》,2018 年 6 月加入列表,21 年 11 月底发现 B 站上线了这部,直到前几天才看完,还是分两次看的。。接下来有五项是 2019 年的,都是电影 —— 略长的待办列表。。

有用程序自动抓取自己带 tag 的嘟,然后按年备份后从线上删除;刚发现去年的数据有备份但是没删线上??和本地数据对比后发现线上的还少一条,Why??

本质上,每个人需要的是「让自己面临的问题得到解决」的能力。。

这又涉及到直接能力和间接能力,,缺乏直接能力很正常,视情况可以通过学习来掌握直接能力,或者「请」有直接能力的人来帮自己解决。。

缺乏间接能力的情况是真没救,尤其是对「这是**我自己**面临的问题」这一前提没有明确认知的人。。

其实,在认知意义上,焦虑时我知道这种情绪对应「焦虑」这个文法词汇,此外还有「压抑」「悲伤」等等,然而「抑郁」其实是个我认知体系外的词,虽然经常一些情绪感受我找不到对应的语言词汇来表述,却也只能将其实表述为「找不到对应的语言词汇来表述」的某些感受。。

所以,我所面对的问题又可以明确向哪里寻求帮助呢?

日常需要对抗不想做。。

wdssmq/blog-astro: 一个基于 Astro 的静态博客;

爱发电支持者

最新留言

友情链接