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>