CreateJS，如何将SVG作为矢量而不是位图加载_Svg_Vector_Bitmap_Createjs

CreateJS，如何将SVG作为矢量而不是位图加载

svg vector

CreateJS，如何将SVG作为矢量而不是位图加载,svg,vector,bitmap,createjs,Svg,Vector,Bitmap,Createjs,我尝试使用CreateJS加载SVG，并将它们放置在彼此的顶部（使用x、y和旋转），同时将它们保持为向量形式。下面是我的代码。问题是我必须使用位图对象，并且它一直在光栅化我的SVG 我看过Snap（我不理解文档），也看过ReactJS（但这似乎不是我的解决方案）。有谁能推荐我如何显示带有x、y和旋转的SVG，同时保持它们为矢量形式？多谢各位 <html> <head> <meta http-equiv="content-type" con

我尝试使用CreateJS加载SVG，并将它们放置在彼此的顶部（使用x、y和旋转），同时将它们保持为向量形式。下面是我的代码。问题是我必须使用位图对象，并且它一直在光栅化我的SVG

我看过Snap（我不理解文档），也看过ReactJS（但这似乎不是我的解决方案）。有谁能推荐我如何显示带有x、y和旋转的SVG，同时保持它们为矢量形式？多谢各位

<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  
  <script src="https://code.createjs.com/1.0.0/createjs.min.js"></script>
  
  <script>
   function init() {

      var stage = new createjs.Stage("canvas");
      const loader = new createjs.LoadQueue(false, null, true);
      
      loader.on("complete", e =>
      {
          const bitmap = new createjs.Bitmap(e.currentTarget.getResult("test"));
          stage.addChild(bitmap);
          stage.update();
        
      });
      loader.loadManifest([{id:"test", src:"hangar_125.svg", type:"image"}]);

    }
  </script>    
  
  </head>
  <body onload="init();">
    <canvas id="canvas" width="500" height="300"></canvas>
  </body>
</html>


函数init（）{
var stage=newcreatejs.stage（“画布”）；
const loader=new createjs.LoadQueue（false、null、true）；
loader.on（“完成”，e=>
{
const bitmap=new createjs.bitmap（e.currentTarget.getResult（“测试”））；
stage.addChild（位图）；
stage.update（）；
});
loadManifest（[{id:“test”，src:“hangar_125.svg”，类型：“image”}]）；
}