从svg图像中删除像素化边缘

Question

我有一个SVG图片，我需要把它放在我的网页的标题中。图像的边缘像素化，这困扰我。现在我的问题是，是否有某种方法可以从SVG中删除这些像素化边缘。以下是我的SVG示例。

橙色部分是我正在谈论的SVG图像。

Answer 1

检查SVG对象的shape-rendering属性。默认设置应该看起来非常流畅，但使用function preloadImages(imagePromises) { const IMAGE_LOAD_FAIL = null; const promises = imagePromises .map(image => image.catch(err => IMAGE_LOAD_FAIL)); return Promise.all(promises) .then(images => images.filter(image => image !== IMAGE_LOAD_FAIL)); } 时，它看起来会有些锯齿状。

＆＃13;

＆＃13;

shape-rendering="crispEdges"

＆＃13;

＆＃13;

＆＃13;