Question

我有生成国家地图的svg文件 - 名为countryMap.svg

我将此文件导入html页面

<embed src="countryMap.svg" type="image/svg+xml"></embed>。

现在我有svg数据样式的CSS文件。所以我直接将css文件导入到svg文件中作为

<?xml-stylesheet type="text/css" href="countryMap.css" ?>

但是我想把这个css文件作为

放在html页面上

<link rel="stylesheet" type="text/css" href="countryMap.css">。

<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Country</title>
  </head>

  <body>
    <link rel="stylesheet" type="text/css" href="countryMap.css">
         <div>
            <embed src="countryMap.svg" type="image/svg+xml"></embed>
            <!-- <object src="countryMap.svg" type="image/svg+xml"></object> -->
            <!-- <iframe src="countryMap.svg"></iframe> -->
         </div>
  </body>
</html>

但是现在CSS对SVG文件没有影响。

要导入的javascript文件，我在这里查看了SVG 但错误正在跟随 -

Uncaught ReferenceError: jQuery is not defined   in jquery.svg.js 1394 
Uncaught TypeError: Cannot set property 'cssText' of null   in jquery-1.11.1.js 7672

我怎么能从这里出来？是否有任何方法可以将css和svg文件链接到html页面!!!

外部CSS文件对HTML页面中的外部SVG文件没有影响

0 个答案: