Question

有人可以告诉我如何使用此脚本将图像/圆圈附加到我的<canvas>标记中吗？

<script>
$(document).ready(function() {

    $('#pink-circle-button').click(function() {
        $('#currentCircle').css({
            'border': '2px solid rgb(255, 0, 255)', 
            'background-color':'',
            'position': 'fixed',
            'display': 'block',
            'top': '97px', 
            'left': '372px',
            'width': '93px', 
            'height': '90px', 
            'border-radius': '76.5px 76.5px 76.5px 76.5px '
        });

        $( "#currentCircle" ).resizable();
        $("#currentCircle").append();  

    });
});
</script>

Answer 1

看起来你有某种HTML元素，你使用CSS边框来渲染像圆圈，在这种情况下：

你不能。

画布是一个可以绘制的位图。它不能包含元素（除了作为不支持画布时的回退和/或用于与元素进行非可视交互的阴影DOM（我不确定规范和浏览器支持的状态是什么））

如果您想要一个圆圈，请使用canvas API绘制一个圆圈，不要使用该脚本。

如何使用JavaScript在<canvas>标签中添加一个圆圈？</canvas>

1 个答案: