知识点
相关文章
更多最近更新
更多HTML5 SVG【HTML5教程 - 第八篇】
2019-03-17 23:11|来源: 未知
什么SVG？
SVG是Scalable Vector Graphics的缩写
用来定义web中基于矢量的图形
使用XML来定义图形
SVG图形在缩放中不会损失质量
每一个元素和每一个属性都可以生成动画
SVG是一个W3C推荐标准
SVG的优势
使用SVG相对于其它类型(JPEG或者GIF)的优势在于：
SVG图片可以使用编辑器来创建和编辑
SVG图片可以被搜索，索引，脚本化和压缩
SVG图片具有伸缩性
SVG图片可以在任何分辨率下进行高质量打印
SVG图片可以无损失的缩放
浏览器支持
IE9，Firefox，Chrome和Safari 5都支持行内SVG。
直接插入SVG到HTML页面
在HTML5中，你可以直接插入SVG元素到页面中：
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190"> <polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /> </svg> </body> </html>
生成图形如下：
本文链接：HTML5教程 - 第八篇：HTML5 SVG，转自：http://www.gbin1.com/tutorials/html5-tutorial/html5-svg/
相关问答
更多-
html5免费教程网盘下载[2024-01-28]
可以去千峰官网找自己喜欢的下载观看，网盘的不一定是你正好需要的。 -
html5视频教程下载[2021-10-17]
电驴资源被封，很多资源下载不了；现在的IT教程网很不错，非常多的资源 -
html5视频教程下载[2021-09-16]
电驴资源被封，很多资源下载不了；现在的IT教程网很不错，非常多的资源 -
HTML 和 HTML5 有什么不同吗？[2022-06-09]
HTML5是HTML标准的下一个版本 平时说的HTML应该是实现HTML4的版本 HTML5没有完全颠覆HTML4 做到完全兼容 相对于4 新加入了一些标签 比如 对某些标签添加了大量新的属性 HTML5和 CSS3.0都是 W3C最新的两个规范 没有 直接联系 但是为了做到最兼容新标准 这俩好基友会经常一起被提及 HTML5只是一种标准 可以用到所有用到html技术的地方 of course 可以用到WEB项目上 而且我觉得用到HTML5的项目都是很流行的项目 -
HTML5比以前的版本都有哪些改变,大家说说[2022-09-18]
不错!!!!!!!!! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 顶 ! 无锡无缝钢管厂 无锡钢管厂 无锡无缝钢管 无锡钢管 无锡钢管价格 -
HTML5游戏很火么？到底说明是HTML5游戏啊？[2023-10-26]
只用HTML5和JS,CSS写的游戏（2048，围住神经猫，flappy bird），之前火过一段时间，现在还好，有发展前景，但是只适合轻中度游戏，不能做大型重度游戏 -
见维基百科： http : //en.wikipedia.org/wiki/Canvas_element SVG是浏览器中绘制形状的早期标准。 然而，SVG处于一个基本上更高的水平，因为每个绘制的形状被记住为场景图或DOM中的对象，随后将其呈现为位图。 这意味着如果SVG对象的属性更改，浏览器可以自动重新渲染场景。 在上面的例子中，一旦绘制了矩形，它被绘制的事实被系统所遗忘。 如果要更改其位置，则需要重绘整个场景，包括可能已被矩形覆盖的任何对象。 但是在等效的SVG案例中，可以简单地改变矩形的位置属性，浏览 ...
-
说真的，有人说： 在HTML中，ids被认为是不好的做法，首选的方法是类 ......是完全错的！ id和类有各自的使用区域，在某些情况下会重叠。 对于自动化测试和css，ID非常有用。 永远不要害怕使用它们！ 作为您问题的答案，有几种选择。 要么在javascript中找到元素，又要分配一个按钮处理程序，或者只是添加一个onclick-function，并直接在按钮标记中分配它，如下所示：你有一个错字： style =“stroke”red; 正确的代码是（注意（半）冒号）： 在这里小提琴： http ： //jsfidd ...
HTML5历史教程(HTML5 History Tutorial)[2023-03-23]
https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history