|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Java的桌面程序开发在java程序员里通常叫swing开发,主要用的swing包里的类开发的,也就是通常说的c/s架构开发怎样在HTML中显现SVG?
有四种体例可以在HTML中显现SVG。
第一种:embed标签
这类标签被一切支流的扫瞄器撑持,并且长处是撑持剧本利用。这类标签是adobesvgviewer所倡议的利用办法,可是它不是XHTML的标准。
语法为:
- <embedsrc="rect.svg"width="300"height="100"
- type="image/svg+xml"
- pluginspage="http://www.adobe.com/svg/viewer/install/"/>
实例代码:
svg文件称号为a.svg,代码以下:
- <?xmlversion="1.0"standalone="no"?>
- <!DOCTYPEsvgPUBLIC"-//W3C//DTDSVG1.1//EN"
- "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
- <svgwidth="100%"height="100%"version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <circlecx="100"cy="50"r="40"stroke="black"
- stroke-width="2"fill="red"/>
- </svg>
html文件代码:
- <html>
- <body>
- <embedsrc="a.svg"width="300"height="100"
- type="image/svg+xml"
- pluginspage="http://www.adobe.com/svg/viewer/install/"/>
- </body>
- </html>
第二种标签:object标签
这类标签是HTML4的尺度标签,被一切撑持HTML4标签的扫瞄器撑持,它的弱点是不克不及够撑持剧本利用,假如是新版本的svgviewr在利用object标签的时分就必要注重,在IE下不撑持。
语法为:
- <objectdata="rect.svg"width="300"height="100"
- type="image/svg+xml"
- codebase="http://www.adobe.com/svg/viewer/install/"/>
实例代码:
- <html>
- <body>
- <objectdata="a.svg"width="300"height="100"
- type="image/svg+xml"
- codebase="http://www.adobe.com/svg/viewer/install/"/>
- </body>
- </html>
第三种标签:iframe标签
这类标签在年夜部分扫瞄器中撑持,并且在项目顶用到的也良多。
语法为:
- <iframesrc="rect.svg"width="300"height="100">
- </iframe>
实例代码:
- <html>
- <body>
- <iframesrc="a.svg"width="300"height="100">
- </iframe>
- </body>
- </html>
第四种:间接在html中写svg剧本
上面的实例代码:
- <htmlxmlns:svg="http://www.w3.org/2000/svg">
- <body>
- <svgwidth="100%"height="100%"version="1.1"
- xmlns="http://www.w3.org/2000/svg">
- <circlecx="100"cy="50"r="40"stroke="black"
- stroke-width="2"fill="red"/>
- </body>
还是要自己一点一点写代码,然后编译,改错再编译好那。还有最重要的是.net网页编程的编译环境非常好,你甚是不需要了解太多工具,对于简单的系统,你可以之了解一些语法就哦了。 |
|