关于canvas和svg

2017-12-13  本文已影响12人  丶灰太狼他叔

canvas和svg都是用来在浏览器中创建图形;

1、SVG

svg是用XML描述图形的一种语言,它是不依赖分辨率的。并且可以添加js事件处理器。简单来说就是,我们可以把它当做字体一样来处理。

1.1、XML

xml指可扩展标记语言(eXtensible Markup Language)。通常用来传输和储存数据。
下面实例是 Jani 写给 Tove 的便签,存储为 XML:

<?xml version="1.0" encoding="UTF-8"?>
<note>
  <to>Tove</to>
  <from>Jani</from>
  <heading>Reminder</heading>
  <body>Don't forget me this weekend!</body>
</note>

这就是一条简单的xml,它包含了一些信息,并拥有标题和消息的主体。我们可以通过软件或程序来发送、接收以及显示这条文档。

2、canvas

canvas则是通过js来绘制图形,是不支持事件处理器的。

上一篇 下一篇

猜你喜欢

热点阅读