Yuan Yijun (bbbush) wrote,
Yuan Yijun
bbbush

svg:use

今天的任务比较特殊，图中有五六个元素，坐标系都需要做相同的变换。上一次总结的成果是，不同单位的长度，一定要控制在不同的模板内。当时是将使用 pt 单位的 svg:svg 与使用 px 单位的 svg:g 分开，将 svg:svg 与 fo:block 放在一起，而将各种 svg:g 作为单独的模板。这样，需要传递的参数数量才最少。现在遇到这种情况，仍然用相同的办法。将原始坐标系的图案在一个 svg:symbol 的 viewBox 中画出，然后再用 svg:use 搭配 transform() 来调用它。这两种做法是很相似的。

(先前的考虑是将所有的内容按照原始坐标系画好，最后在外围的 svg:g 中使用 transform()，不过不知道为什么，当时进展很慢，也许是还不了解 viewBox 用法的原因，导致无法细分问题。其实在上一次总结之前，对 svg:svg 的考虑也同样如此，因为不熟悉 svg 的特点而无法细化问题的同时，简化参数，减少耦合)
Tags: 小东西
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    switch
    default userpic

    Your reply will be screened

    Your IP address will be recorded 

    Help
  • 0 comments