已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS

标题: 虎绿林特效HTML

作者: @Ta

时间: 2022-08-16发布,2022-08-16修改

点击: 4554

HTML代码


[隐藏样式|查看源码]


『回复列表(15|隐藏机器人聊天)』

1.

有意思。能用纯css实现吗?

(/@Ta/2022-08-16 17:55//)

3. @无名啊,只能js
(/@Ta/2022-08-16 21:03//)

4.

@我没Ksvg应该能胜任吧?

觉得svg更适合这种展示用途

(/@Ta/2022-08-17 08:03//)

5. @无名啊,不知道喔,不怎么会svg
(/@Ta/2022-08-17 08:23//)

6.

HTML代码


Redmi K30 Pro
(/@Ta/2022-08-18 00:21//)

9.

HTML代码

(/@Ta/2022-08-18 12:14//)

10.

@,想正常显示“𰻝𰻝麵”要加载字体。
https://hu60.cn/q.php/bbs.topic.103591.html

HTML代码

(/@Ta/2022-08-18 18:14//)

11.

HTML代码

(/@Ta/2022-08-18 18:18//)

12. @老虎会游泳,我能看到呀
(/@Ta/2022-08-18 18:20//)

13.

@,你的操作系统和浏览器是什么,你是不是安装了我提供的一些字体?

(/@Ta/2022-08-18 18:25//)

14. @老虎会游泳,应该没装字体,因为有的字我是看不到的,浏览器是qq浏览器,字体就是小米默认字体
IMG_20220818_182612.jpg(100.43 KB)
(/@Ta/2022-08-18 18:28//)

15.

@,哦,那应该是你的系统字体里恰好有“𰻝”字。你可以试试把它复制到其他网站看看能不能显示,如果可以,说明系统字体里有“𰻝”字。

(/@Ta/2022-08-18 18:38//)

16. @老虎会游泳,应该是系统字体刚好有
Screenshot_2022-08-18-18-45-24-867_com.android.browser.jpg(150.97 KB)
(/@Ta/2022-08-18 18:46//)

17.

@,哦对了,我已经修复了经典主题加载字形维基字体失败的问题,现在生僻字测试那里应该能正常看到字了。但是css只能用于普通网页内容,想在canvas里用于渲染,必须像10楼那样加载。

const GlyphWikiFont = new FontFace("GlyphWikiFont", "url('https://file.hu60.cn/fonts/GlyphWikiFont/GlyphWikiFont-030000.woff2')");

GlyphWikiFont.load().then((font) => {
  document.fonts.add(font);
  console.log('GlyphWikiFont loaded');
  drawText(ctx,text);
});
(/@Ta/2022-08-18 18:50//)

18.

@,更完整的字体自动加载代码:

HTML代码

(/@Ta/2022-08-18 23:17//)

回复需要登录

8月5日 04:02 星期二

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1