查看“模板:MMDPreviewer”的源代码

<includeonly>{{#if:{{{modelName}}}|{{#Widget:MMDPreviewer}}<templatestyles src="template:MMDPreviewer/style.css" /><!--
--><div class="mmdPreviewerContainerWrapper t{{{float|left}}}" style="float:{{{float|left}}}; display:table; width:{{{canvasWidth|300}}}px; {{{style|}}}">
    <div class="{{#if:{{{frame|}}}|thumbinner|}}" style="text-align:center; margin-bottom:10px; overflow:visible;">
      <div style="font-size:larger;">{{{title|3D模型预览}}}</div><!--
      -->{{toggle|button=<div style{{=}}"font-size:small; float:left;">[[File:Information icon.svg|16px|link=]]</div><!--
      --><div class{{=}} "mmdPreviewer-infotext" style{{=}}"margin: 0 16px 0 0;">{{{subtitle|鼠标或触摸拖动操作模型}}}</div><!--
      -->|content=<div class{{=}}"mmdPreviewer-hoverbox" style{{=}}width:{{#expr: {{{canvasWidth|300}}} - 12}}px;>'''操作说明：'''<br>'''鼠标：'''左键拖动：旋转，滚轮/中键拖动：缩放，右键拖动：平移，左键双击：复原，左键单击后Ctrl+S：截图（浏览器或操作系统装有鼠标手势功能的可能需要禁用）<br>'''触屏：'''单指拖动：旋转，双指捏合/外扩：缩放，双指拖动：平移，长按：复原<br>'''键盘：'''方向键：平移<br>为便于展示，模型经过技术处理，部分细节可能与官方模型不同，请以官方配布的模型为准。如果模型无法显示或加载不完全，请尝试刷新、{{IfUserLogined||[[Special:MoeAuth|登录]]、}}[https://zh.moegirl.org.cn/index.php?title={{FULLPAGENAME}}&mobileaction=toggle_view_desktop 切换到桌面版]或使用电脑访问。</div>}}<!--
      --><p style="margin:0 auto;">{{#if:{{{designer|}}}|<span class{{=}} "mmdPreviewer-infotext">角色设计:{{{designer}}}</span>|}}<!--
      -->{{#if:{{{modeller|}}}|<span class{{=}} "mmdPreviewer-infotext">建模:{{{modeller}}}</span>|}}<!--
      -->{{#if:{{{supervisor|}}}|<span class{{=}} "mmdPreviewer-infotext">制作监修:{{{supervisor}}}</span>|}}<!--
      -->{{#if:{{{costume|}}}|<span class{{=}} "mmdPreviewer-infotext">服装设计:{{{costume}}}</span>|}}<!--
      -->{{#if:{{{details|}}}|<span class{{=}} "mmdPreviewer-infotext">{{{details}}}</span>|}}</p>
      <div class="mmdPreviewerContainer {{#if:{{{frame|}}}|thumbimage|}}" title="鼠标或触摸拖动操作模型" style="width:{{{canvasWidth|300}}}px; height:{{{canvasHeight|500}}}px;" data-source="https://moegirl-mmd-worker.koharu.top?modelName={{{modelName|{{{1|}}}}}}"
        data-encoding="{{{encoding|shift_jis}}}" data-antialias="{{{antialias|true}}}" data-canvas-width="{{{canvasWidth|300}}}" data-canvas-height="{{{canvasHeight|500}}}" data-bgcolor="{{{bgcolor|transparent}}}" data-light-color="{{{lightColor|#eee}}}" data-initial-distance="{{{initialDistance|24}}}" data-min-distance="{{{minDistance|10}}}" data-max-distance="{{{maxDistance|30}}}">
        <div class="placeholderImageContainer" style="pointer-events:none"><!--
       -->{{#if:{{{placeholderImage|}}}|{{useImg|{{{placeholderImage|}}}|attrs=class{{=}}placeholderImage}}}}<!--
     --></div>
      </div>
      <div class="thumbcaption">{{#if:{{{downloadlink|}}}|
        <div class{{=}}"mmdPreviewer-infotext" style{{=}} "float: right;">[{{{downloadlink}}} 模型配布地址]
        </div>|}}{{#if:{{{copyright|}}}|
        <div class{{=}}"mmdPreviewer-infotext" style{{=}}"float: left;">©{{{copyright}}}
        </div>|}}
      </div>
    </div>
  </div>|{{If preview|{{Error|错误：未填写modelName参数，MMDPreviewer模板将不显示}}}}}}<!--
--></includeonly><noinclude>{{doc}}[[分类:功能模板]][[CAT:使用模板样式的模板]]</noinclude>