超强，关于西门子手机SVG技术

wangjx

关于西门子手机SVG技术

西门子65及以上的系列的手机是支持SVG技术的，包括C65, C70, C75, CF65, CFX65, CL75, CX65, CX70, CX70 Emoty, CX75, M65, M75, S65, S75, SF65, SL65, SL75, SK65, SP65等，支持清单可详见SVG官方网站http://svg.org/special/svg_phones。
一、首先让我们来先了解下SVG是什么啦。
　首先接触SVG的人，问得最多的就是这个问题。也是，学习一样新东西，要是连它是什么都搞不懂，还能学出个啥来？——SVG是Scalable Vector Graphics的缩写，翻译成中文是“可升级矢量图像”。它是国际WWW组织委员会（W3C）联合一大批图像界的巨头们一块儿制订的一项新的矢量图像格式标准。用W3C的原话来解释，SVG可以如下描述：　　“SVG是一种使用XML来描述二维图像的语言。它允许三种形式的图像对象存在：矢量图形、点阵图像和文本。各种图像对象能够组合、变换并且修改其样式，也能够定义成预处理对象。文本是XML名字空间中的有效字符，这些字符能被作为SVG图像的关键字而存留在搜索引擎中。　　“SVG的功能包括嵌套变换、路径剪裁、透明度处理、滤镜效果以及其他扩展，同时，SVG图像支持动画和交互，也支持完整的XML的DOM接口。任何一种SVG图像元素都能使用脚本来处理类似于鼠标单击双击以及键盘输入等事件。并且因为同Web标准兼容的缘故，SVG还能够在同一个Web页面里凭着继承自XML的名字空间等特性来完成一系列交互操作。”

实际上，赋予SVG魔力的不是它自己，而是众多现在或者将来在各个领域中支持SVG图像格式的软硬件。如果一定要说SVG本身的好处的话，也只能是因为它形成了统一的优秀标准。只要符合这套标准的东西就能使用SVG图像，而不管在什么领域。再者，SVG图像也不仅仅是图像，它拥有文字、交互和动画的能力，拥有XML语言的开放性，因此也就拥有了强大的生命力。阻挡它发展的唯一障碍只是人们的守旧思维。　　SVG是一种明文图像格式。明文，也就意味着这个图像能用记事本来编辑（记事本编辑图像？见鬼了吧？——没错！），既然多姿多彩的网页可以通过编辑其HTML源文件来修改，为什么图像就不能？以前缺少通用的、能用纯文本描述图像的语言，现在有了SVG，总算不留空缺了。　　当然，光看这段话，谁都看不懂SVG是什么。
二、西机支持SVG技术
       SVG文件在西机里头就是个图片，不过这个图片是矢量的，可以用来当墙纸，屏保，当然质量比GIF的好多了，不知能否拿来当九宫，如果行的话，那西机真晕死一堆人。

       打开过手机隐藏文件的人都知道Config文件夹里有个SVG文件夹，我想这个可能是SVG的配置文件了，希望大家不要删了。来看看以下的SVG代码：

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
"http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
<svg width="8cm" height="8cm">
  <circle cx="4cm" cy="4cm" r="3cm"
    style="fill:green; stroke:black; stroke-width:0.5cm" />
</svg>

大家可以将以上代码复制到记事本，然后另存为后缀为“.svg”的文件，拷到手机里看看是什么东西，西机可以直接打开，呵，我们的西机就是强。

当然想在电脑上看SVG要下载个浏览器插件，叫做Adobe SVG Viewer，可以这里下载http://www.a5d.com/SoftDown.asp?ID=827&lbID=1，装好后IE就可以打开SVG的文件了。

写在最后，SVG如果开发来当手机的什么什么图是非常棒的，写此文的目的，就是机油中的PS高手做些好的SVG出来分享。
附一个示例。


[ 本帖最后由 comdin 于 2006-12-21 16:13 编辑 ]

wangjx

flower.svg的代码，不用再下载了

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%"  viewBox="0,0,0,900"
preserveAspectRatio="none"
  
>
<script>
<![CDATA[
xmlns="http://www.w3.org/2000/svg"
var Doc;
var O;
var Boo=true
function T(Boo){
if (Boo)O.pauseAnimations()
else O.unpauseAnimations()
return !Boo
}
function startup(evt){
O=evt.target
Doc=O.ownerDocument
O.setAttribute("onclick","Boo=T(Boo);")
}
//]]>
</script>
<defs id="DEF">
<linearGradient id="rhue" x1="0" x2="100" y1="100" y2="0" gradientUnits="userSpaceOnUse">
<stop offset="0" id="ro0" style="stop-color: red"/>
<stop offset=".25" id="ro1" style="stop-color: blue"/>
<stop offset=".75" id="ro2" style="stop-color: yellow"/>
<stop offset="1" id="ro3" style="stop-color: green"/>
</linearGradient></defs>
<g transform="translate(0 50)"><ellipse cx="290" cy="200" rx="80" ry="80">
<animateColor attributeName="fill" dur="5s" values="#ff8; #f88; #f8f; #88f; #8ff; #8f8"
keyTimes="0; .2; .4; .6; .8; 1"  repeatCount="indefinite"/></ellipse>
<g id="triad"><g id="R1" transform="translate(200 200)">
<ellipse id="EL" cx="0" cy="0" rx="100" ry="30" opacity=".4" fill="url(#rhue)">
<animateTransform attributeName="transform" type="rotate" dur="7s" from="0" to="360" repeatCount="indefinite"/>
<animate attributeName="cx" dur="8s" values="-20; 120; -20"
keyTimes="0; .5; 1" repeatCount="indefinite"/>
<animate attributeName="ry" dur="3s" values="10; 60; 10"
keyTimes="0; .5; 1" repeatCount="indefinite"/>
</ellipse>
</g>
<use xlink:href="#R1" transform="rotate(30 300 200)"/>
<use xlink:href="#R1" transform="rotate(60 300 200)"/>
<use xlink:href="#R1" transform="rotate(90 300 200)"/>
<use xlink:href="#R1" transform="rotate(120 300 200)"/>
</g>
<use xlink:href="#triad" transform="rotate(72 290 200)"/>
<use xlink:href="#triad" transform="rotate(144 290 200)"/>
<use xlink:href="#triad" transform="rotate(216 290 200)"/>
<use xlink:href="#triad" transform="rotate(288 290 200)"/>
</g>
</svg>

以后大家互相间传图，只要传上代码就行了，完全支持DIM

[ 本帖最后由 wangjx 于 2006-12-21 16:57 编辑 ]

焱の狐

不是很懂。。。。

zjzhujiezj

大字报啊，，

freewjl2006

没怎么看懂，学习一下

eau

完整看完LZ的帖子，很激动

把LZ的主要意思提取出来改成小字报给大家看，嘿嘿


大家把以下代码复制到记事本，然后另存为后缀为“.svg”的文件，拷到手机里
西机可以直接打开，呵，我们的西机就是强。

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN"
"http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
<svg width="8cm" height="8cm">
  <circle cx="4cm" cy="4cm" r="3cm"
    style="fill:green; stroke:black; stroke-width:0.5cm" />
</svg>

而这种手机可以直接打开的SVG文件，是一种通用的图片格式（姑且这么理解），具有体积小，可无限缩放，质量高的特点


如果运用得当，可以用来做65的待机画面，也有可能做成九宫（LZ的意思是有可能）

xiaole107

不是太懂!!但还是顶一吧1!

acm7scv

。。。。。。。。。。。。。。。。。。。(:-*

comdin

改小一点．.

luokaizhi

所爱也很强啊，几乎都支持SVG

cm

强帖留名 期待高手出手

eau

·　图像文件可读，易于修改和编辑
　　·　与现有技术可以互动融合。例如， SVG 技术本身的动态部分(包括时序控制和动画(就是基于 SMIL 标准。另外， SVG 文件还可嵌入 JavaScript (严格的说应该是 ECMAScript )脚本来控制 SVG 对象
　　·　SVG图形格式可以方便的建立文字索引，从而实现基于内容的图像搜索
　　·　SVG图形格式支持多种滤镜和特殊效果，在不改变图像内容的前提下可以实现位图格式中类似文字阴影的效果
　　·　SVG图形格式可以用来动态生成图形。例如，可用SVG动态生成具有交互功能的地图，嵌入网页中，并显示给终端用户
　　·　SVG面临的主要问题一个是如何和已经占有重要市场份额的矢量图形格式 Flash 如何竞争的问题，另一个问题就是SVG的本地运行环境的下厂家支持程度。

eau

网上找到的一个动态的SVG
不过有点太简单了
呵呵

eau

是不是说SVG还可以运用于主题制作，貌似很强

eau

原帖由 wangjx 于 2006-12-21 15:15 发表
关于西门子手机SVG技术

西门子65及以上的系列的手机是支持SVG技术的，包括C65, C70, C75, CF65, CFX65, CL75, CX65, CX70, CX70 Emoty, CX75, M65, M75, S65, S75, SF65, SL65, SL75, SK65, SP65等，支持清单 ...

那个FLOWER的图传到手机上，黑乎乎的一大片，倒是也动

在网上继续找了找，好像说SVG和FLASh差不多

wangjx

原帖由 eau 于 2006-12-21 17:10 发表


那个FLOWER的图传到手机上，黑乎乎的一大片，倒是也动

在网上继续找了找，好像说SVG和FLASh差不多

我想应该是手机的SVG与电脑的不一的吧，可以看看，官方网站的一些资料http://www.w3.org/TR/SVGMobile/

littlezhu00

牛比！！！！！！！！！！！１

comdin

原帖由 eau 于 2006-12-21 04:50 PM 发表
网上找到的一个动态的SVG
不过有点太简单了
呵呵

:P 这个直接读取到了系统的当前时间．不知道65可不可以？

直接在桌面上显示为时间.，.这．.可比补丁强呀.

wangjx

原帖由 eau 于 2006-12-21 16:50 发表
网上找到的一个动态的SVG
不过有点太简单了
呵呵

－－－－－－－－－－－－
时钟的代码，不知可否做成待机屏保
－－－－－－－－－－－－

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000303 Stylable//EN" "http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylabl e.dtd" >
<!--Copyright 1999 Adobe Systems. You may copy, modify, and distribute this file, if you include this notice & do not charge for the distribution. This file is provided "AS-IS" without warranties of any kind, including any implied warranties.-->
<svg >
  <defs>
    <script language="Javascript">
      <![CDATA[
      
        function SetTime(LoadEvent)
          {
            var Now = new Date();
            
            var Seconds = Now.getSeconds();
            var Minutes = Now.getMinutes() + Seconds / 60;
            var Hours = Now.getHours() + Minutes / 60;
         
            var SVGDocument = LoadEvent.getTarget().getOwnerDocument();
         
            SVGDocument.getElementById("seconds").setAttribute('transform', 'rotate(' + (Seconds * 6) + ')');
            SVGDocument.getElementById("minutes").setAttribute('transform', 'rotate(' + (Minutes * 6) + ')');
            SVGDocument.getElementById("hours").setAttribute('transform', 'rotate(' + (Hours * 30) + ')');
          }
         
      ]]>
    </script>
  </defs>
  <circle cx="100" cy="100" r="80" style="fill:white;stroke:black"/>
  <text x="130" y="46" style="font-size:15">1</text>
  <text x="154" y="71" style="font-size:15">2</text>
  <text x="165" y="106" style="font-size:15">3</text>
  <text x="155" y="140" style="font-size:15">4</text>
  <text x="130" y="166" style="font-size:15">5</text>
  <text x="96" y="175" style="font-size:15">6</text>
  <text x="62" y="166" style="font-size:15">7</text>
  <text x="37" y="140" style="font-size:15">8</text>
  <text x="27" y="106" style="font-size:15">9</text>
  <text x="34" y="71" style="font-size:15">10</text>
  <text x="58" y="46" style="font-size:15">11</text>
  <text x="92" y="37" style="font-size:15">12</text>
  <g transform="translate(100 100)">
    <g id="hours">
      <line x1="0" y1="0" x2="0" y2="-35" style="stroke-width:4;stroke:black">
        <animateTransform attributeName="transform" type="rotate" dur="43200s" values="0;360" repeatCount="indefinite"/>
      </line>
    </g>
    <g id="minutes">
      <line x1="0" y1="0" x2="0" y2="-55" style="stroke-width:2;stroke:black">
        <animateTransform attributeName="transform" type="rotate" dur="3600s" values="0;360" repeatCount="indefinite"/>
      </line>
    </g>
    <g id="seconds">
      <line x1="0" y1="0" x2="0" y2="-75" style="stroke-width:1;stroke:red">
        <animateTransform attributeName="transform" type="rotate" dur="60s" values="0;360" repeatCount="indefinite"/>
      </line>
    </g>
  </g>  
  <circle cx="100" cy="100" r="3" style="fill:black;stroke:black"/>
</svg>

zjkmine

晕好难懂~~~~要恶补啦