【问题标题】:Canvg conversion - weird behavior when using a fill urlCanvg 转换 - 使用填充 URL 时的奇怪行为
【发布时间】:2016-01-21 15:53:37
【问题描述】:

我正在尝试使用 canvg js 库将 svg 转换为画布。

原始 svg 包含一个矩形,该矩形具有 url 到 svg 模式的填充属性。当我使用canvg将svg转换为画布时:

canvg(document.getElementById('canvas'), svg);

矩形填充的图像改变了它的比例(宽度和高度变化)。

This 显示转换前后的 svg。

有人有解决这个问题的想法吗?

【问题讨论】:

    标签: javascript canvas svg canvg


    【解决方案1】:

    http://jsfiddle.net/L3hondLn/230/

    我变了

    <pattern id="img1" width="20" height="20">
    

    <pattern id="img1" width="200" height="200">
    

    它的工作。

    【讨论】:

    • 谢谢,但在我的应用程序jsfiddle.net/L3hondLn/231 中,我有很多圈子,更改图案大小无济于事,因为它们彼此不同。
    • 我希望画布看起来与 svg 完全相同。你能试着编辑第二把小提琴吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-01-27
    • 1970-01-01
    • 1970-01-01
    • 2016-12-30
    • 1970-01-01
    相关资源
    最近更新 更多