Question

比如说我想要更改元素的transform，我知道我想要更改该元素的SVGTransform对象。但是，我如何才能了解获取元素的SVGTransform对象的可能性（函数）？

我正在搜索MSDN方法参考来回搜索：http://msdn.microsoft.com/en-us/library/windows/apps/hh453568.aspx。

有没有好的方法？

Answer 1

我不确定我是否理解了这个问题，但修改transform属性非常简单，你可以用jQuery或类似的库来做，也就是说，你不需要特定的SVG库。

请参阅我的JSFiddle：http://jsfiddle.net/LxAWd/

例如：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" xmlns:xlink="http://www.w3.org/1999/xlink">
      <rect transform="rotate(15)" id="r" x="10" y="10" width="20" height="100"/>
</svg>

JS代码：

$('#r').attr('transform', 'skewX(40)')

但是，如果您需要创建新的SVG对象或执行更复杂的任务，我建议您使用特定的SVG库，就像：https://svgdotjs.github.io/我已经使用过它了，这很棒

您可以执行以下操作（从官方网站提取代码）：

// create svg drawing
    var draw = SVG('drawing')

    // create image
    var image = draw.image('images/shade.jpg')
    image.size(600, 600).y(-150)

    // create text
    var text = draw.text('SVG.JS').move(300, 0)
    text.font({
      family: 'Source Sans Pro'
    , size: 180
    , anchor: 'middle'
    , leading: 1
    })

    // clip image with text
    image.clipWith(text)

如何分离出返回SVGTransform对象的所有方法？

1 个答案: