【问题标题】:SVG: Draw marker on an imageSVG:在图像上绘制标记
【发布时间】:2014-02-07 01:02:38
【问题描述】:

我想在 SVG 图像上显示一些标记文本。

ma​​rker-start 和 ma​​rker-end 属性与 circle 和 rectangle 等形状完美搭配。但是图像上没有显示任何内容。我只看到没有标记的普通图像。

甚至可以为图像显示标记吗?任何帮助将不胜感激。

【问题讨论】:

    标签: svg d3.js


    【解决方案1】:

    我不确定如何您希望标记在图像上显示——您会将标记点放在哪里?但是不,这是不可能的。在此处阅读 SVG 规范:
    http://www.w3.org/TR/SVG/painting.html#Markers

    如果您只想要图像上的“角”,您可以在图像周围绘制一个矩形(没有描边或填充)并在其上放置标记。

    【讨论】:

    • 我相信您指的是规范的第一句话 “标记是一个符号,它附加到'路径','线','折线'的一个或多个顶点' 和 '多边形' 元素”。这遗漏了图像。我说的对吗?
    • 确实如此,而且它也忽略了圆形和矩形,所以我不知道你使用的是什么 UA 来显示这些标记。
    • 两年后才注意到这条评论!我当时使用了 D3,并在几个浏览器上进行了测试。我相信“折线”和“多边形”部分覆盖了圆形和矩形。
    猜你喜欢
    • 1970-01-01
    • 2020-07-21
    • 2020-03-23
    • 1970-01-01
    • 2010-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-04
    相关资源
    最近更新 更多