我有一个SVG,我想用它作为我的React应用程序的图标。如果有必要的话,我使用了create-react-app。
如果我在实际的网站上使用它,我可以通过添加或更改它的width="24px"属性来调整大小:
<div>
<svg
id="LOGOS"
width="100px"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1000 1000"
>
//Paths and a lot of stuf
现在我已经解决了这个问题
我正在使用kineticjs在画布上绘制.svg图像。因为图像似乎没有适当地缩放。标度不是我指定的大小。
var imageObj = new Image();
imageObj.onload = this.checkAllImagesLoaded.bind(this);
imageObj.src = imageSrc;
然后在checkAllImagesLoaded里
var KI = new Kinetic.Image({
image: imageObj,
我尝试在父元素中居中SVG元素。然而,我发现Chrome和Safari之间存在差异。在Chrome上,下面的代码可以很好地将文本在正方形内居中,但在Safari上则不然:
<svg width="200px" height="200px">
<g transform="translate(70,70)">
<path d="M -40,-40 l 80,0 l 0,80 l -80,0 l 0,-80 z" style="fill: gray"></path&g