双向文本元素在SVG中的显示技术①.PDFVIP

计 算 机 系 统 应 用 2017 年 第 26 卷 第 4 期 ① 双向文本元素在 SVG 中的显示技术 刘 旭 (SAP 中国研究院 商务智能部, 上海 201203) 摘 要: 双向文本在SVG 中的显示是使用Unicode 双向算法实现的, 然而在很多情况下双向算法无法自动生成符 合语义的正确显示结果, 需要进行额外的设置. 通过分析双向算法的基本原理, 深入探讨了双向文本显示中容易 出现问题的几个方面, 包括文本方向的判定, 特殊字符显示位置, 文本元素中跨越tspan 元素的文字重排, 以及设 置显示方向之后位置的变化. 针对各个问题的具体情况和不同浏览器的差异, 使用 SVG 中的特定属性给出了进 行正确设置的方式. 关键词: 双向算法; SVG; 从右到左; Unicode; 可视化 Displaying Technology of Bidirectional Text Element in SVG LIU Xu (Department of Business Intelligence of SAP Labs China, Shanghai 201203, China) Abstract: The displaying of bidirectional text in SVG is implemented by Unicode bidirectional algorithm, but bidirectional algorithm cannot automatically generate correct results to be displayed in line with semantics in many cases, so additional settings are required. By analyzing the basic principle of bidirectional algorithm, this paper discusses several aspects of bidirectional text display prone to occur, which includes text direction determining, display positions of special characters, text reordering across tspan elements in text elements, and position changes after display direction setting. According to specific circumstances of each issue and individual differences in different browsers, figure out ways to set correctly by using specific attributes in SVG. Key words: bidirectional algorithm; SVG; right-to-left; Unicode; visualization [4] 中文和英文都是横向从左到右(Left-To-Right, 简 式编程风格 , 使用JavaScript 结合SVG 已经在可视化 [5] 称 LTR)排布的文字, 然而, 世界上还有大量的人使用 软件开发中得到广泛