A. android 有没有类似于ios svgkit的技术
Leaf leaf = new Leaf("Leaf D");
root.Add(leaf);
root.Remove(leaf);
root.Display(1);
Console.Read();
}
B. svg格式可同时在安卓,IOS以及Win8上打开么
svg是图像文件,一般的图片查看器打不开,电脑的浏览器可以打开,但有的浏览器需要插件才能打开。手机上就不知道了,可以自己试试
C. 新手求教关于SVGKit导入的问题
新建,通过图像文件,打开后会跳出窗口,点选按图像尺寸即可
D. ios开发使用svg绘制地图,请问谁有这方面的小例子
SVGKit没有使用ARC,你可检查是否对象释放造成Key无效,多跟踪key的变化。 TouchVG-SVG要显示SVG,要修正一个BUG,见 github.com/rhcad/SVGKit
E. iOS开发中UIImageView是否支持矢量图片(如.svg格式图片)
写一个控制器继承自UITabBarController,
在该控制器的ViewDidLoad方法中加入如下代码
// tabBarItem的图片名称
NSArray *images = @[@"tabBarItem_allTest_normal.png",@"tabBarItem_allTest_selected.png",@"tabBarItem_oneStation_normal.png",@"tabBarItem_oneStation_selected.png",@"tabBarItem_testResult_normal.png",@"tabBarItem_testResult_selected.png",@"tabBarItem_userCenter_normal.png",@"tabBarItem_userCenter_selected.png"];
for(int i= 0;i< 8;){
// 分别给tabBarItem设置图片,图片模式为源图片
UITabBarItem *item = [self.tabBar.items objectAtIndex:i/2];
UIImage *normalImage = [UIImage imageNamed:images[i+1]];
normalImage = [normalImage imageWithRenderingMode:];
UIImage *selectImage = [UIImage imageNamed:images[i]];
selectImage = [selectImage imageWithRenderingMode:];
[item setFinishedSelectedImage:normalImage
withFinishedUnselectedImage:selectImage];
i+=2;
}
// 设置tabbar的选中和未选中的字体颜色
[[UITabBarItem appearance] setTitleTextAttributes:@{
:[UIColor lightGrayColor]
} forState:UIControlStateNormal];
[[UITabBarItem appearance] setTitleTextAttributes:@{
:[UIColor lightGrayColor]
} forState:UIControlStateSelected];
F. 怎样把svg文档转换成raphael js代码 或者给个raphael js的教程,中文文档也行。
raphael-svg-import 据说来这自个可以
https://github.com/wout/raphael-svg-import
jQuery(document).ready(function(){
jQuery.ajax({
type: "GET",
url: "assets/demo.svg",
dataType: "xml",
success: function(svgXML) {
var paper = Raphael(10, 10, 800, 600);
var newSet = paper.importSVG(svgXML);
}
});
});
G. 请问各位大神,我看网上的教程说把svg用ai打开,然后拖入到PPT里面然后取消两次编组就可以编辑了
我的AI2017,可以发来我试试
H. ios 怎么用代码显示.svg 的矢量图
示例SVG显示如图SVG格式是XML的一种,SVG文件其实只是普通的文本文件,用一般的文本编辑器便可查看或修改。
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www。w3。org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www。w3。org/2000/svg" version="1.1"
width="467" height="462">
<!-- This is the red square: -->
<rect x="80" y="60" width="250" height="250" rx="20" fill="red"
stroke="black" stroke-width="2px" />
<!-- This is the blue square: -->
<rect x="140" y="120" width="250" height="250" rx="40" fill="blue"
stroke="black" stroke-width="2px" fill-opacity="0.7" />
</svg>
[编辑] SVG显示
[编辑] 插件支持
目前,最常用的SVG插件来自Adobe公司(Adobe SVG Viewer),另外Corel也提供SVG浏览器(Corel SVG Viewer)。
[编辑] 本地支持
比较著名的 SVG 项目包括 Mozilla SVG Project,KDE 的 KSVG,以及 Amaya 等。
Mozilla Firefox自版本 1.5 发行后,即开始支援 SVG 格式的显示。
基于 Java 的 SVG 项目主要有 Batik SVG Toolkit 等。
Opera、Google Chrome和Safari支持SVG显示。
Microsoft的Internet Explorer至8.0版为止,尚未支援SVG。
[编辑] 各种SVG解释器支持程度比较
W3C的SVG网站上有一个测试套件可以用来测试SVG解释器对于标准的支持。这个套件既可以在线运行也可以下载到本地运行。截至2007年中,对于流行的SVG软件有如下测试结果:
对SVG支持最好的浏览器是Opera,它支持大多数的SVG特性。
对于专门的SVG浏览器,Batik SVG viewer能对大多数特性有良好支持,与Opera不相伯仲。但它不能和浏览器互动。
加载了Adobe SVG Viewer的Internet Explorer也能支持多数SVG特性,但是由于没有浏览器的原生支持,在交互方面许多特性不支持。
Mozilla Firefox 2.0对SVG特性的支持相当弱,许多重要特性如动画等都不能支持。
[编辑] 设计工具
能够设计SVG图形作品的软件工具包括Adobe Illustrator以及CorelDRAW等。
而开放源代码的软件有Scribus、Karbon14、Inkscape以及Sodipodi等。
[编辑] 软件支援
Adobe 公司 SVG 插件 及 Adobe 公司 SVG 应用实例演示
Inkscape 开放源代码的软体
Karbon14 开放源代码的软体
Sodipodi 开放源代码的软体
Mozilla SVG and Mozilla SVG 演示
Firefox 1.5-首个 Firefox 版本开始支援显示 SVG 格式
Opera 浏览器-Opera 8.0 版开始支援显示 SVG Tiny 1.1 的 spec 规格
[编辑] 参考资料
^ M Media Type registration for image/svg+xml
[编辑] 外部连接
相关的维基共享资源:
可缩放矢量图形 W3C SVG 官方标准网站
svg.org 社群消息网站
svgx.org 新闻及资源网
about-svg.de
svgwiki
SVG Web
Opera开发网站上关于SVG的展示及教程(英文)
I. 几个Web前端开发框架的比较
Bootstrap
Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长,你可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。
创造者:YOOtheme
发行:2013
当前版本:3.0.0
人气:GitHub GitHub上有9,422颗星
说明:“用于开发快速而强大的Web界面的轻量级和模块化的前端框架”。
核心概念/原则:RWD,移动端优先
框架大小:326.9 KB(如果包含uikit-icons.min.js与SVG图标相关的功能,则为384.4KB)
预处理器:少,Sass
响应式布局:是
模块化:是
启动模板/布局:是
图标集:UIkit自带SVG图标系统和类库,其中包含越来越多的大纲图标。
额外/附加组件:是
独特的组件:Article, Flex, Cover, HTML Editor
文件:好
自定义:高级GUI定制程序仅在版本2(以前的版本)中可用
浏览器支持:Chrome,Firefox,Safari,IE9 +
许可证:MIT
UIkit说明
UIkit成功应用在许多WordPress主题中。它提供了灵活和强大的手动定制机制(以前版本的框架还提供了高级GUI定制程序)。
什么是最适合你的框架?
在选择框架时,可以从以下几个方面考虑:
所选的框架有足够的人气吗?更多的人气意味着更多的人参与项目,也意味着有更多的教程和社区文章、更多的实例和网站、更多的第三方扩展、更好的相关的Web产品可与其集成。受欢迎程度也意味着框架更具前瞻性,因为具有更大社区的框架不太可能被抛弃。
框架是否正在积极发展?一个好的框架需要不断地使用最新的web技术,特别是在移动端方面。
框架是否达到成熟?如果一个特定的框架在现实项目中还没有被使用和测试,那么将其用于你的专业项目,可能不是一个明智的选择。
框架是否提供了良好的文档?为了方便学习过程,总是需要良好的文档。
框架的特异性是什么?这里的要点是,与具有高级别特异性的框架相比,更通用的框架更容易使用。在大多数情况下,最好选择一个应用最小样式的框架,因为它更容易自定义。与重写现有的CSS规则相比,添加新的CSS规则是一个更方便有效的做法。
如果你还不确定使用哪个框架,那么可以采用混合搭配的方式。当某个特定的框架不能满足你的需求时,可以混合使用两个或多个项目的组件。
最后值得一提的是,现在Flexbox和Grid Layout在主流浏览器的最新版本中得到很好的支持,比以往任何时候都更容易构建复杂的布局。这可能会鼓励更多的开发人员放弃前端框架,从头开始编写他们自己想要的布局。
来源:网页链接
J. 如何使用svg字体图标
1、网上搜索矢量图标库,比如教程中用到的是“阿里巴巴矢量图标库”。进入网站选择风格一致的图标,点选进行下载~
2、使用font-face声明字体。font-family是自定的字体名称,url是字体文件的存放路径,format是字体文件格式。
@font-face {
font-family: 'iconfont'; /*自定的字体名称*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome、firefox */
url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
3、定义一个css样式,使用iconfont字体。
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
4、挑选相应图标并获取字体编码,将样式应用于页面即可。
<i class="iconfont">3</i>