Question

我正在尝试将SVG绑定到画布。 SVG具有笔划宽度设置，并且看起来比绑定到画布时需要的厚度更厚。可能导致这种情况以及如何解决这个问题？

我用来将svg绑定到html5画布的库是canvg

下面的JS小提琴显示了画布上的SVG和绑定的svg。

public bool Compare(string[] arr1,string[] arr2)
{
   bool result=true;
   for(int i=0;i<arr1.length;i++)
   {
     if(arr1[i].ToLowwer()!=arr2[i].ToLowwer())
     {
       result=false;
       break;
     }
   }
   return true;
}

Answer 1

根据链接：http://jsfiddle.net/fYAAf/111/

在javascript代码中，您将SVG的特征嵌入到类型标记（图像）中。结果是这样的：

<img src="data:image/png;basQAACAnWQXByGjnghZGYT8......characteristic_of_SVG">

因此，您应该尝试将所有XML属性放在SVG标记中，因为它是在jsFiddle示例顶部的HTML文档中编写的。

在JavaScript中快速的东西：

var xml = "<svg> (Write here xml properties) <g><text (Write here text properties)><tspan dy="35" x="0">Test</tspan></text></g></svg>";

document.getElementById('container').innerHTML = xml;

<div id="container"></div>

我不知道img标签中这种行为的原因是什么。

在html 5画布上SVG笔画宽度很乱

1 个答案: