Widget talk:ProfileCard/total

大预览图好大

看不到全图。如果我没有理解错的话，<includeonly> 里应该是可以带 <style> 的？折腾了一下 CSS 样式，但是想不到什么好的方法：

<includeonly><style>
#profilecardview {
    position: fixed;
    top: 0;
    right: 0;
    border: 1px solid grey;
    width: 50vw;
    height: 28.125vw;
    text-align: center;
    line-height: 28.125vw;
}
.profilecard img:hover {
  box-shadow: 0 0 12px 2px #eaeaea;
}
</style>
<script type="text/javascript">(window.RLQ=window.RLQ||[]).push(function(){
var view = new Image();
view.setAttribute("width", "1024px");
view.setAttribute("height", "576px"); // 原来是 760px 的，但是 16:9 图片应该是 576px ？
view.setAttribute("id", "profilecardview");
view.setAttribute("alt", "加载中");
view.style.visibility = "hidden";
document.querySelector("#bodyContent").appendChild(view);

function display(element){
    var scrstr = this.getAttribute("src");
    view.setAttribute("src", "http://www.gfwiki.org/images/" + scrstr.slice(14, scrstr.indexOf("/" + Number($(this).width()) +"px")));
    view.style.visibility = "visible";
}
function undisplay(){
    view.style.visibility = "hidden";
    view.setAttribute("src", "");
}

var card = $(".profilecard").children().children().children("img");
card.mouseover(display);
card.mouseout(undisplay);
})</script></includeonly>

Kanakana（讨论） 2021年7月26日 (一) 14:08 (CST)

@Kanakana你好，我是这个工具的作者QAQ，自适应确实存在问题，是因为我当初只是一时兴起，并没有考虑太多，也并没有继续更新和完善的计划。而且即便到现在，少前百科的其他方面仍需我做出更多努力
当时的生产工具是谷歌浏览器，浏览器内窗口大小为1920×936，只是选择了一个适合当时窗口大小的样式，并未做自适应。如果你对这里感兴趣的话，我可以联系行政员给你一个小工具编辑者的权限，可以自己调试、更改
另外，比例并不是16：9，你可以仔细看一下，如果是16：9的话会有明显的形变，至于真实比例究竟是多少我也不太清楚，当初只是随便挑选了一个合适比例
另外，你的图链坏了-- 莹（讨论） 2021年7月26日 (一) 22:14 (CST)

@莹lolo 谢谢大佬回复！有编辑权限的话我可以继续尝试完善一下这个widget，其它方面的维护如果可以的话我也会尽量熟悉一下。谢谢大佬！
（另外刚刚去对比了一下名片图像比例，发现可能不是什么常见的比例……（我这次换一个图床试试
https://i0.hdslb.com/bfs/album/bb59927b274213873dad2c0a26adcfdc184a160d.png
https://i0.hdslb.com/bfs/album/02d491216fa3bebfa3d16f03bceca4a53b574e1a.png
从手机截了图验证了镜像论框框的确是正方形，然后计算出来比例是 tan(59.69deg)=1.7106 （16:9=1.7778，4:3=1.3333），按 16:9 来缩放也是发现两个图没法重合……我之后找些其它名片背景看一下是不是都是这个比例 Kanakana（讨论） 2021年7月27日 (二) 01:17 (CST)

又截了一张自己名片、一张好友名片、一张论坛上不同设备的别人的名片，有可能的确是这个比例附近……
card_Division_Last Gaming.png: https://i0.hdslb.com/bfs/album/036becb44f084804c584ed3aab09ebceab961f70.png
https://i0.hdslb.com/bfs/album/1dc73045793c86f322a2af746a60ddd056f38f68.png

card_2018twoyear.png: https://i0.hdslb.com/bfs/album/cdf99dd7bb046193613a5524c7dfff1d54140b41.png
https://i0.hdslb.com/bfs/album/cc75c1adf293160389adcb3aabe4e0d6f1dff1e7.png

card_3znq19.png: https://i0.hdslb.com/bfs/album/c385f626b88eed3e9cf3c7fa87eb5185fd600046.png
https://i0.hdslb.com/bfs/album/35c3ae539cd52132cf02341390937cb3d3dafdd3.png
比例分别是 1.7071, 1.7133, 1.7133。直接把 1024x1024 的图片缩放放到截图上也对得上，之后应该就按照 1.71 的比例来了（1024:599…… Kanakana（讨论） 2021年7月27日 (二) 23:09 (CST)

---

@Kanakana，呃，只是，不同的名片有不同的拉伸比。
你可以看看初始人形的一些名片，名片背景中最上面的一些，就是4：3左右符合图片本身的结构。
而你提到的一些，都是最近的名片，这些可能要16：9左右也就是你说的比例为1.71左右
而且也有的名片不用拉伸，比如音乐会的名片。因此在修改的时候要格外注意看看这个名片的拉伸比例为多少，而不是单纯地1.71结束战斗。 -- 莹（讨论） 2021年7月27日 (二) 23:28 (CST)

---