位图和矢量图: Bitmap: Usually a larger file size Cannot be enlarged into a higher resolution as the image quality will be affected Used to display complex images with many colors, such as photographs Vector: Very small in file size Graphics can be resized

icon font 使用与svg应用分享 icon font 字体概述 css3增加了@font-face属性,传统的浏览器是通过font-family来设置字体,如果系统里没有的话就用其它字体来代替. 有了@font-face属性就方便多了,可以由开发人员通过设计自定义字体来进行的,加载过程是浏览器通过下载字体,再进行渲染页面 font-face可以设置自定义自体,也可以设置自定义图片字体,font icon由此诞生.@font-face 引入生成好的字体文件 ,然后在网 页中需要使用某个图标

qwt是一个基于LGPL版权协议的开源项目, 可生成各种统计图.它为具有技术专业背景的程序提供GUI组件和一组实用类,其目标是以基于2D方式的窗体部件来显示数据, 数据源以数值,数组或一组浮点数等方式提供, 输出方式可以是Curves(曲线),Slider(滚动条),Dials(圆盘),Compasses(仪表盘)等等,目前已经应用到许多工业领域,同时qwt也致力于3d的开发.但许多时候,qwt的安装配置难到了许多人,我曾经也在这里原地踏步很久,为了给大家开发方便,把我的安装经验分享给大家,避免

之前Blog里面有关于QWT的编译.配置.使用的文章,分别是在VS与Creator下进行的. QWT编译.配置.使用(VS2010 + Qt5.1.0). QWT编译.配置.使用(Qt Creator).     里面介绍了如何将QWT集成到Designer中.如果认真研究过的话,那么对Designer中使用插件应该就不再陌生了.     下面介绍下自己如何去实现一个插件并将其应用到Designer中.     也可参考:Creating Custom Widgets for Qt Design

Qt 5 与 Qt 4 最大的一个区别之一是底层架构有了修改.Qt 5 引入了模块化的概念,将众多功能细分到几个模块之中.Qt 4 也有模块的概念,但是是一种很粗的划分,而 Qt 5 则更加细化.本节主要对 Qt 5 的模块进行一个简单的介绍,以便以后大家需要哪些功能的时候知道到哪个模块去寻找. Qt 5 模块分为 Essentials Modules 和 Add-on Modules 两部分.前者是基础模块,在所有平台上都可用:后者是扩展模块,建立在基础模块的基础之上,在能够运行 Qt 的平台

QT概述 基于C++的GUI开发框架,跨平台.Qt 是一个用于桌面系统和嵌入式开发的跨平台应用程序框架. QT是挪威TROLLTECH公司开发的跨平台C++工具,在UNIX下非常出名:他的宗旨是“一次编码到处编译”与JAVA的“一次编译到处运行”有着本质的区别,作为跨平台开发工具,他的运行速度非常的快(因为他不需要虚拟机的支持),开发的GUI非常漂亮(有人认为比VISUAL C++强的多,而且简单). QT技术特点 面向对象:Qt 的良好封装机制使得 Qt 的模块化程度非常高,可重用性较好,对于

Qt 5简介 Qt 5概要介绍 在Qt 5这个版本中,Qt Quick成为了Qt的核心.但是Qt 5也继续提供了本地C++强大的功能来完成更好的用户体验,也提供了对OpenGL/OpenGL ES图形加速的完全支持. Qt 5是自2005年发布的Qt 4.x系列之后的第一个做出大改动的版本.这次的改变主要是使得Qt更加适应未来的需求. Qt 5.0版本发布了完整的SDK,覆盖了Windows.Mac OS X以及Linux.这表明Qt 5.0版本发布的内容包括:Qt 5框架.IDE(Qt Cre

 这个手册描述了使用Qt Quick面访的方式在Android和ios设备上开发QtQuick应用程序的方法.我们使用Qt Creator实现一个QtQuick应用程序,这个应用程序基于加速器的值来加速一个SVG(可伸缩矢量图形). 设置开发环境: 要想能够在移动设备上构建和运行一个应用程序,您必须为设备平台设置开发环境,配置Qt Creator和手机设备之间的连接. 要想部署到Android设备,您必须下载和安装最新的Android NDK和SDK.更新SDK去获取为开发所需的API和工具

小白自工作就接触Qt,一直都在使用Qt5.3.1版本,所以没有经历过大牛们把项目从Qt4程序到Qt5的烦恼,没准以后会碰到.对Qt所有的丰富的API表示惊叹,对于Qt的框架及模块认识也是极为模糊的,文中有不对之处希望大牛们打脸(虽然脸都已经被打肿了....) 1.Qt的跨平台性(Linux.Unix..Mac OS.Android.IOS) 简而言之:Qt的功能是建立在它所支持的平台底层API之上的. Qt/Windows对应的是GDI(Graphics Device Interface),很容

1.下载安装QT 离线版QT地址:  https://download.qt.io/official_releases/qt/5.11/5.11.1/qt-opensource-windows-x86-5.11.1.exe 注意: 最好全部安装,否则在后续的安装过程中会提示相应的文件找不到 2. 在环境变量中指定QT_DIR 默认的QT_DIR为C:\Qt 如果不指定QT_DIR,在后续安装过程中会出现如下错误 3. 将g++所在路径加入环境变量PATH中 C:\Qt\Qt5.11.1\Tool

引言 最近在做QT项目发现中文没法显示,于是百度QT嵌入式显示中文,基本上提示的都是把ttf字库转换为QPF(QT专门支持二进制的),发现这个qpf本身制作就很麻烦,按照网上的做法实实在在来了一边,发现编译一个qvfb都好麻烦了,还有makeqpf程序.qvfb属于x86用于给QT提供程序提供fb环境的.makeqpf不能直接在系统上面跑,必须依赖于系统fb才能运行.发现编译qvfb有两个问题:一个libpng需要安装,一个是配置成X86的.makeqpf和qvfb是两种不应的格式,及:make

https://www.jianshu.com/p/7eeb6f79a275 转载自这里 用CMake来组织的工程中要用Qt首先要设置.找到Qt相关模块.主要是通过find_package这个CMake命令.但网上很多教程都过时了,或者不够清晰灵活.因为这部分很常用,所以特别用一篇文章把我们目前在生产环境中使用的方法给大家介绍下. 设置Qt库路径 Qt版本很多,我们的开发机上一般也装有多个不同版本的Qt.个人尝试性的项目一般用最新版的Qt,而真正发布的产品一般用的是LTS版本Qt(LTS:Lon

Qt 5 与 Qt 4 最大的一个区别之一是底层架构有了修改.Qt 5 引入了模块化的概念,将众多功能细分到几个模块之中.Qt 4 也有模块的概念,但是是一种很粗的划分,而 Qt 5 则更加细化.本节主要对 Qt 5 的模块进行一个简单的介绍,以便以后大家需要哪些功能的时候知道到哪个模块去寻找. Qt 5 模块分为 Essentials Modules 和 Add-on Modules 两部分.前者是基础模块,在所有平台上都可用:后者是扩展模块,建立在基础模块的基础之上,在能够运行 Qt 的平台

Home / Qt 学习之路 2 / Qt 学习之路 2(6):Qt 模块简介  豆子  2012年8月26日  Qt 学习之路 2  20条评论 Qt 5 与 Qt 4 最大的一个区别之一是底层架构有了修改.Qt 5 引入了模块化的概念,将众多功能细分到几个模块之中.Qt 4 也有模块的概念,但是是一种很粗的划分,而 Qt 5 则更加细化.本节主要对 Qt 5 的模块进行一个简单的介绍,以便以后大家需要哪些功能的时候知道到哪个模块去寻找. Qt 5 模块分为 Essentials Module

qwt是一个基于LGPL版权协议的开源项目, 可生成各种统计图.它为具有技术专业背景的程序提供GUI组件和一组实用类,其目标是以基于2D方式的窗体部件来显示数据, 数据源以数值,数组或一组浮点数等方式提供, 输出方式可以是Curves(曲线),Slider(滚动条),Dials(圆盘),Compasses(仪表盘)等等,目前已经应用到许多工业领域,同时qwt也致力于3d的开发.但许多时候,qwt的安装配置难到了许多人,我曾经也在这里原地踏步很久,为了给大家开发方便,把我的安装经验分享给大家,避免

1.HTML + Font 方式: 修改图标颜色只需修改字体颜色,修改图片大小只需修改字体大小. 关于字体图片,我们可以自己制作,也可以从网上下载 阿里巴巴矢量图库. 在线图标字体库.Icomoon.com等. 2.IcoMoon:   是一个在线的图标字体生成器.其允许我们通过个性化设置生成ICON字体,我们可以上传本地ICON资源也可以使用IcoMoon给我们提供的丰富素材,最终生成的ICON字体有多种格式供我们选择(EOT, SVG, WOFF, TTF).   具体转换步骤参考: 使用I

在上一篇<<旺财速啃H5框架之Bootstrap(四)>>做了基本的框架,<<旺财速啃H5框架之Bootstrap(二)>>篇里也大体认识了bootstrap.css样式,下面我们来学习常见的CSS操控内容篇幅.... 一.响应式图片 基本样式: <img src="..." class="img-responsive" alt="响应式图片"> Bootstrap.css 937行 .

接下来的时间里,我将和大家一起对当前非常流行的前端框架Bootstrap进行速度的学习,以案例的形式.对刚开始想学习Bootstrap的同学而找不着边的就很有帮助了.如果你想详细的学习Bootstrap,建议去http://noob.d8jd.com/noob/5.html这里学习,说多了,开始走两步.... 第一步:下载Bootstrap 看这个大B就知道有多NB了,哈哈~~~~ 英文也说它最流行的HTML,CSS和JS框架,至于它有哪些好处,谁用谁知道. 官方下载地址:http://getb

一.下载Bootstrap Bootstrap (当前版本 v3.3.0)提供以下几种方式帮你快速上手,每一种方式针对具有不同技能等级的开发者和不同的使用场景. 下载地址:http://v3.bootcss.com/getting-started/#download PS:其实我们不用下载bootstrap也可以使用它: Bootstrap 中文网 为 Bootstrap 专门构建了自己的免费 CDN 加速服务.基于国内云厂商的 CDN 服务,访问速度更快.加速效果更明显.没有速度和带宽限制.永

推荐使用gulp-rev + gulp-rev-collector是比较方便的方法,结果如下: "/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-61e0be79.js" "cdn/image.gif" => "//cdn8.example.dot/img/i

最近在接触对移动浏览器很友好的bootstrap,遂整理了一点笔记: 简单的html页面: <!DOCTYPE html><html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstr