BlocklyNukkit WIKI

这里是BN百科

章节导览


拼图展示组件

什么是拼图展示组件

为了各位便于较好的在页面或者markdown文档中展示自己的bn拼图,所以有了拼图展示组件

示例

示例markdown(html)代码:

<iframe src="https://tools.blocklynukkit.com/showblock.html?code=newbn530" frameborder=0 width="100%" height="500px">
</iframe>

与使用图片的对比

拼图展示组件vs图片(以上述示例为例)
|项目|拼图展示组件|图片| |-|-|-| |加载速度|0.64s|1.8s| |交互性|极佳|无| |矢量伸缩|完全|无|

如何使用

  1. 首先,将你的拼图导出为bn文件
  2. 在导出的时候,后台会自动记录你的bn文件内容和名称
  3. 然后在你的markdown或者html页面里面加上这样一行
    ```

``` 将bn文件名替换为你的bn项目名称,宽度和高度替换为html距离格式即可

html距离格式:
xxxpx:指定像素距离,如500px,500像素
xxxvh:指定屏幕高度的百分比:如50vh,即为屏幕高度的一半
xxxvw:指定屏幕宽度的百分比:如80vw,即为屏幕宽度的80%


不满意?前往编辑此页面

导航