【问题标题】:How to apply a border to a transparent image on a canvas? [duplicate]如何将边框应用于画布上的透明图像? [复制]
【发布时间】:2019-12-10 22:35:38
【问题描述】:

我正在使用 html5 中的画布处理透明图像,我想添加边框。

问题在于“Stroke”属性不会考虑图像的透明度,而是将其应用为矩形。

例子:

当然,这张图片包含透明度。

我可以用 imagemagick 得到我想要的结果:

我只使用 png 图像。 我想使用 HTML 中的画布来执行此操作。 我使用 vue-konva,但如果您有解决方案可以提供给我,我也可以留在原生画布上......

【问题讨论】:

    标签: javascript vue.js image-processing canvas konvajs


    【解决方案1】:

    这有帮助吗:

    <rect x="10" y="10" width="100" height="100" stroke="blue" fill="purple"
           fill-opacity="0.5" stroke-opacity="0.8"/>
    

    【讨论】:

    • 谢谢,但这并不是我真正想要的。您的代码是创建一个带边框的矩形。我想为包含透明度的图像添加边框。
    猜你喜欢
    • 2015-03-28
    • 2015-10-20
    • 2013-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-20
    • 2013-11-25
    相关资源
    最近更新 更多