Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何分离所有返回SVGTransform对象的方法?_Svg - Fatal编程技术网

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

如何分离所有返回SVGTransform对象的方法?,svg,Svg,比如说,我想更改一个元素的转换,我知道我想更改该元素的SVGTransform对象。但是我如何知道获取元素的SVGTransform对象的可能性函数呢 我使用MSDN方法引用来回搜索: 有什么好的简单的方法吗?我不确定我是否理解这个问题,但是要修改transform属性非常简单,您可以使用jQuery或类似的库来完成,也就是说,您不需要特定的SVG库 请参阅我的JSFIDLE: 例如: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0

比如说,我想更改一个元素的转换,我知道我想更改该元素的SVGTransform对象。但是我如何知道获取元素的SVGTransform对象的可能性函数呢

我使用MSDN方法引用来回搜索:


有什么好的简单的方法吗?

我不确定我是否理解这个问题,但是要修改transform属性非常简单,您可以使用jQuery或类似的库来完成,也就是说,您不需要特定的SVG库

请参阅我的JSFIDLE:

例如:

<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>
但是,如果您需要创建新的SVG对象或执行更复杂的任务,我建议您使用特定的SVG库,就像:我使用过它,它很棒

您可以从官方网站上提取以下代码:

// 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)

你考虑过插入一个元素吗?真的,我想用Dom脚本来做。这样做就更容易了,考虑用户交互。
// 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)