javascript - 在 Rails 中操作上传的 svg 文件

Question

我正在构建一个使用 Carrierwave 的 Rails 应用程序让用户上传 svg 文件和 Inline_SVG在我的 View 中内联显示它们。我需要能够上传任何大小的文件，然后根据规范调整大小和旋转它们。

如果这些是 png 或 jpeg，ImageMagick 可以做到，但它不处理 svgs。

我尝试使用 javascript 更改属性来调整大小，但这并不能解决我的问题，而且我不知道如何旋转它们:

<script type="text/javascript">
  var img;
  var images = $('svg');
  for (i = 0; i < images.length; i++) { 
    img = images[i];
    img.setAttribute('viewBox', '0 0 1000 1000');
    img.removeAttribute('height');
    img.removeAttribute('width');
  }
</script>

有什么指点吗？

Answer 1

SVG 就像 xml 文件(文本文件)，因此您应该直接编辑这些 SVG，或者在 Rails 应用程序中动态编辑这些 SVG。如果您想进行转换，请按照本教程进行操作( https://www.alt-soft.com/tutorial/svg_tutorial/svg_transform.html )