【sciter】：sciter 使用阿里矢量图标库

最新推荐文章于 2024-08-20 22:13:00 发布
最新推荐文章于 2024-08-20 22:13:00 发布
阅读量385 收藏
点赞数
分类专栏： 实习 桌面应用sciter 文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44659458/article/details/123737578
版权
本文介绍了如何在Sciter项目中集成阿里矢量图标库，包括选择图标、生成代码、修改伪类选择器、下载TTF字体文件、调整路径及最终引入和使用这些图标。
摘要由CSDN通过智能技术生成

sciter 使用阿里矢量图标库

步骤一：选择要使用的图标，并添加到项目中（阿里矢量官网中的项目）

步骤二（关键）：选中项目设置，在字体格式中选择TTF，其他不选，保存

步骤三：点击 Font class，并生成代码，将代码复制到项目中。

步骤三：修改代码需要将伪类选择器的单冒号改成双冒号

.icon-shezhi:before {
   
    content: "\e61c";
}

/* 改成 */
.icon-shezhi::bef
了解本专栏 订阅专栏 解锁全文 超级会员免费看
你听雪飘过的声音
关注
专栏目录
订阅专栏
【sciter】:鼠标移动到字体图标时不变色
做技术，坚持才是最重要的，一时的热情只是暂时的进步
04-01 362
案例 <html> <head> <style> @font-face { font-family: "iconfont"; src: url(./font_3277023_mz9rke2hlrd.ttf); } .iconfont { font-family: "iconfont" !imp
copy_alibaba:一键复制阿里巴巴矢量图标库SVG图标，无需下载
05-11
苦于每次想要使用图标库 的图标都需要下载图标===拉到文件夹====写文件路径/////或者是需要下载svg 后在经过啰嗦的复制粘贴才能放在项目上用。 追求效率的SP怎么可能容忍这种低效率的操作！！！！！！！ 果断撸一段...
sciter中文文档.zip
07-05
sciter中文文档帮助文档
sciter 基本使用函数网络查找笔记记录
qq_42095701的博客
11-13 501
title: Sciter View Object tags: sciter 视图对象 表示运行当前脚本的窗口。 view – 当前视图对象(运行脚本的视图对象)可以通过全局 view 变量访问。 WINDOW_MINIMIZED 最小化 返回值 =1 WINDOW_MAXIMIZED 最大化 返回值 =3 WINDOW_HIDDEN 隐藏 WINDOW_SHOWN 显示 WINDOW_...
手把手教你用Go开发客户端软件（使用Go + HTML）
最新发布
no_reg的博客
08-20 1693
开发桌面客户端软件一直是程序员的常见任务之一，而Go语言凭借其简洁、高效以及丰富的第三方库，越来越多地被用于开发各类应用程序。今天我们将结合Go语言和HTML，使用开源项目 Sciter 的 Go 绑定库 go-sciter，为大家展示如何用最少的开发精力构建一个跨平台的桌面客户端。 什么是Sciter？ Sciter 是一个支持多平台的嵌入式HTML/CSS/脚本引擎，适用于构建本地桌面应用程序，且它的性能非常好。通过 go-sciter，我们可以用Go语言来调用Sciter引擎，进而使用HTML、CSS
sciter 获取软件图标显示
qq_42095701的博客
11-29 259
<html> <head> <style> select.file-list > option { behavior:file-icon; padding:2dip 2dip 2dip 20dip; foreground-repeat: no-repeat; ...
sciter插件
09-29
sciter插件，桌面开发
如何在项目中使用阿里巴巴矢量图标
03-27
阿里巴巴矢量图标库，通常称为Iconfont，提供了丰富的图标资源，支持多种格式，包括SVG、Webfont、CSS等。下面我们将详细探讨如何在项目中集成和使用这些图标。 首先，我们需要了解`iconfont.css`和`iconfont.js`这...
阿里矢量图标库WPF使用Demo
12-27
阿里矢量图标库是一个由阿里巴巴旗下公司维护的在线矢量图标管理系统。它的核心是提供一个庞大的图标资源集合，供用户下载使用。这些图标不仅多样，而且质量高，且大多数是开源的。这意味着个人和公司都可以自由地将...
Draw.io用阿里云3D矢量图标库-2022大数据
06-19
Draw.io用阿里云3D矢量图标库-2022大数据，使用请参考：[draw.io使用阿里云矢量图标库进行流程图、泳道图、UML、BPMN、架构图、部署图、原型图、用户故事图等绘制]...
Sciter笔记- 1
笨笨D幸福 - 后花园
05-21 4534
Sciter帮助文档笔记   Script Classes之Global： 全局变量：（由引擎管理支持） stdin、stdout、stderr 全局函数： 1、Eval(input : string|stream [, env :object ] ) : 例子：var env = { one:1,two:2 };var res = eval( "one + two"; //
sciter引擎
07-05
htmlayout的升级版，支持xp，使用html、css和脚本进行界面编程。
Sciter-MovableView:Sciter窗口的可移动视图，允许您使用窗口中的任何元素来移动窗口。 很少有功能
05-03
MovableView > Tiscript : 1.3 .0 > [removed] 1.3 .0 Sciter窗口的可移动视图，允许您使用窗口中的任何元素来移动窗口。 好处： 作弊窗口性能设置，在性能模式下移动它时，您会看到整个窗口，而不仅仅是矩形。 可选防止越过屏幕边界。 与role="window-caption"不同，它不会与CSS游标属性发生冲突。 允许拖动到屏幕的顶部以外，这在Windows上使用role="window-caption"时可以通过Aero Snap来阻止。 在已编译的应用程序内部使用时，应使用少于1％的CPU（移动视图时）。 安装 将此文件添加到您的资源/ UI文件夹 movableView.tis // OR movableView.js 然后通过HTML将文件添加到您的项目中： < script src =" movableV
sciter SDK
12-25
sciter SDK 用于Windows桌面的开发。使用html+css语言实现布局，皮肤等功能
sciter2-界面库及demo(比duilib还好用的界面库)
06-27
sciter2-界面库及demo(比duilib还好用的界面库) 以前一直用MFC做界面，虽有朋友推荐多种界面设计，但也就看看，从没真正去了解。最近帮朋友做导航界面，明确要求用HTMLayout，网上搜索了下，看了下介绍，感觉sciter2比HTMLayout做的界面还炫丽，朋友同意后，今天就开始接触。目的是继承CWnd，生成sciterWnd，然后将sciter2封装在里面，通过换html文件来更好sciterWnd界面设计。
sciter-js-sdk:Sciter.JS-Sciter，但板载QuickJS而不是我的TIScript
03-08
sciter-js-sdk Sciter.JS-Sciter，但板载QuickJS而不是我的TIScript docs / md文件夹中的和。 脚本 Sciter.JS使用特别是 。 ES6：异步/等待，类，模块，解构； BigInt，BigFloat，BigDecimal-具有精确舍入（货币等）的任意精度IEEE 754浮点运算和超越函数； Node.JS运行时（或多或少已满）即将到来； 平台类 Windows-i32，i64和arm64-已发布； Linux-i64，arm32（Raspberry Pi） -已发布； MacOS-i64和arm64-已发布； 手机-待定； 演示版 Calc演示（通用：浏览器和Sciter） 视窗： Linux（特别是Raspberry Pi上的Raspbian） 苹果系统： 路径：样本/计算 浏览器和Sciter显示。 要运行演
推荐开源项目：Sciter——下一代HTML/CSS/JavaScript引擎
gitblog_00068的博客
05-12 734
推荐开源项目：Sciter——下一代HTML/CSS/JavaScript引擎 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 Sciter 是一款强大的可嵌入式HTML/CSS/JavaScript引擎，支持Windows、Mac OS X和Linux等多平台。虽然Sciter.TIS的开发已停止，但其替代产品Sciter.JS采用了现代JavaScript（ES20...
学习sciter
qq_15585645的博客
04-10 2888
sciter入门 介绍什么的就免了.直接进入正题 平台: Windows 10 IDE : Visual studio 2017 首先从官网下载最新的SDK,https://sciter.com/download/ 创建流程. https://sciter.com/forums/topic/simple-question-about-sciter/ 总结一下关键点. (注意:官网教程里的SDK目录...
Sciter----交互学习
qq_42095701的博客
07-09 1410
class Mysciter : public sciter::window { public: Mysciter() : window(SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG) { m_pMakePE = NULL; } BEGIN_FUNCTION_MAP //这里操作传输控件消息 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你听雪飘过的声音

您的鼓励将是我前进的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值