本帖最后由 ApliNi 于 2022-10-28 10:29 编辑
此账户.
时间: 昨天晚上到现在.
论坛: 矿工茶馆和多人联机>联机教程
编辑出错的帖子: https://www.mcbbs.net/forum.php? ... pid=24297737&page=1
此账户.
时间: 昨天晚上到现在.
论坛: 矿工茶馆和多人联机>联机教程
编辑出错的帖子: https://www.mcbbs.net/forum.php? ... pid=24297737&page=1
未能复现，请尝试更换浏览器检查问题是否仍然存在
找到原因了, 或许因为这一段文字, 但其他地方可以正常发送
---
复制代码
或者在 `</head>` 前面添加一行
复制代码
说明
原理: 计算系统缩放等级并相反的应用到网页元素中. 使其缩小对整个 id=dynmap 有效, 并为不需要缩小的组件再设置相反的缩放.
不能直接调整图片组件的缩放, 因为会影响 dynmap 图片填充时获取页面尺寸.
[/code]
---
- [postbg]bg5.png[/postbg][align=center][size=5]通过配置和CSS等[/size][size=5]优化[/size][size=5]Dynmap[/size][size=5]网页地图的页面和渲染性能[/size][/align][align=center]原文: [url=https://www.mcbbs.net/thread-1292439-1-1.html]https://www.mcbbs.net/thread-1292439-1-1.html[/url]
- [/align][align=center][ 已在 ApliNi's Blog 更新: [url=https://ipacel.cc/ApliNi/?m=paper&p=24]https://ipacel.cc/ApliNi/?m=paper&p=24[/url] ][size=5]
- [/size][/align][align=center]我无法编辑原文章, 在此补充一个, 用于链接[/align]
- 2022年11月2日更新: 解决 Dynmap 在系统缩放(放大)后出现黑色网格且图片模糊
- [b]代码[/b]
- 在 Dynmap 的 index.html 的任意一个 `<script>` 中添加以下代码:
- [code]/* 解决网页缩放导致图片过于模糊 */
- $(function (){
- let $m = 100 / Number(Math.round(window.devicePixelRatio * 100));
- document.getElementsByTagName('html')[0].appendChild(document.createElement('style')).innerHTML = `
- .dynmap{
- zoom: ${$m};
- }
- div.leaflet-control-container,
- div.sidebar,
- div.chat,
- div.largeclock,
- div.leaflet-pane.leaflet-marker-pane > div > *{
- zoom: ${1+(1-$m)};
- }
- `;
- });
或者在 `</head>` 前面添加一行
- <script type="text/javascript">/* 解决网页缩放导致图片过于模糊 */$(function (){let $m = 100 / Number(Math.round(window.devicePixelRatio * 100));document.getElementsByTagName('html')[0].appendChild(document.createElement('style')).innerHTML = `.dynmap{zoom: ${$m};}div.leaflet-control-container,div.sidebar,div.chat,div.largeclock,div.leaflet-pane.leaflet-marker-pane > div > *{zoom: ${1+(1-$m)};}`;});</script>
说明
原理: 计算系统缩放等级并相反的应用到网页元素中. 使其缩小对整个 id=dynmap 有效, 并为不需要缩小的组件再设置相反的缩放.
不能直接调整图片组件的缩放, 因为会影响 dynmap 图片填充时获取页面尺寸.
[/code]
<script 等标签会触发安全规则, 请尽量避免此类内容.