美文网首页iOS技巧
在iOS中使用SVG图片

在iOS中使用SVG图片

作者: iOS开发之FFmpeg | 来源:发表于2017-02-10 15:12 被阅读0次

步骤

1.在IconFont平台上传SVG图片阿里巴巴矢量图标

2.下载iconfont字体库

2.1 将您从IconFont平台下载的字体文件(.ttf)添加到工程中;

打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“

2.2 使用IconFont字体:

UILabel* label = [[UILabelalloc] initWithFrame:self.view.bounds];

UIFont*iconfont = [UIFontfontWithName:@"iconFont"size:34];

label.font = iconfont;label.text = @"\U00003439 \U000035ad \U000035ae \U000035af \U000035eb \U000035ec";

[self.view addSubview: label];

这里有两个地方注意下:

创建 UIFont 使用的是字体名,而不是文件名;

文本值为 8 位的 Unicode 字符,我们可以打开 demo.html 查找每个图标所对应的 HTML 实体 Unicode 码,比如: "店" 对应的 HTML 实体 Unicode 码为:0x3439 转换后为:\U00003439 就是将 0x 替换为 \U 中间用 0 填补满长度为 8 个字符

相关文章

  • 在iOS中使用SVG图片

    步骤 1.在IconFont平台上传SVG图片阿里巴巴矢量图标 2.下载iconfont字体库 2.1 将您从Ic...

  • AI导出svg图片位置改变

    在AI中导出svg格式时,使用存储为svg,不使用导出为svg(注:导出为svg会使图片出现位置改变等)

  • [整理]SVG Path Animations

    SVG描边动画,使用了SVG图形中PATH标签的stroke特性制作的动画。 为什么使用SVG? 相对于其他的图片...

  • SVG use使用

    平时使用svg,都是当成图片来使用,直接用img标签像引入图片一样引入svg。现在认识一下SVG Sprite技术...

  • android apk瘦身

    apk打包流程图 1,SVG图片替换PNG图片 使用svg图注意事项: 1 svg图适用于小图标,svg宽高 小于...

  • Android apk大小优化方案

    1.减少图片的体积 SVG IconFont 使用 svg格式的不能直接使用 需将图片转化成vector的xml文...

  • android图片系列 (2) - 静态 SVG 图片

    SVG 图片是一种可支持任意缩放的图片格式,使用 xml 定义,使用 canvas 中 path 路径来完成绘制,...

  • iOS SVG及相关使用

    近日,发现安卓同学在项目中使用的都是SVG(矢量图)的图片。 那么,什么是svg呢?svg在放大或者缩小的情况下,...

  • iOS的GIF动画效果实现

    GIF在iOS中的使用场景 GIF在iOS中的使用场景有以下三个方面。 (1)GIF图片分解为单帧图片。 (2)一...

  • 无标题文章

    SVG svg和canvas的区别 svg绘制的是矢量图, canvas绘制的是位图 svg使用XML来绘制图片,...

网友评论

    本文标题:在iOS中使用SVG图片

    本文链接:https://www.haomeiwen.com/subject/uslbyttx.html