小编Vij*_*edi的帖子

我想在悬停时在画布元素中制作阴影效果，当我将鼠标悬停在元素中时显示特定元素的阴影，否则删除画布 html5 中的阴影

笔记：

1. 具有多个元素的画布
2. 在悬停元素上显示此元素中的边框阴影，但不在其他元素中显示边框阴影
3. 将图像放置在画布元素中或悬停在其他元素上时从第一个元素中删除

这是我尝试过的：

   <canvas id="collage" width="850" height="560"></canvas>
    var canvas = document.getElementById("collage");
    var ctx = canvas.getContext("2d");
    var canvasLeft = canvas.offsetLeft;
    var canvasTop = canvas.offsetTop;
    canvas.ondrop = drop;
    canvas.ondragover = allowDrop;

    $(document).ready(function(e) {

    $("#listImage img").live('mouseover',function(){
        imgid = this.id;
        img = document.getElementById(imgid);
        img.onmousedown = mousedown;
        img.ondragstart = dragstart;
    });

    design=1;
    canvasLayout(canvasDesign10);

    $("#maxphotos").live('change',function(){
        $('#designList').html('Loading...')
        $.ajax(
        {
            url : "walldecor3/getdesign",
            type: "POST",
            data : 'designid='+$(this).val(),
            success:function(data)
            {
                if (data !=0)
                {
                    $('#designList').html(data)
                }
                else
                {
                    alert("Sorry..! unable process your request"); …