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