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

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments