• 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
کد مناسب برای حل مشکل چیه
#1
سلام بر همگی دوستان من یه کد با جاوا اسکریپت زدم حالا میخواهم وقتی با موس میرم روی این محدوده نسبت به موقعیت موس تصاویرم بچرخند کسی میدونه باید پیکار کرد اینم کدام
کد:
<canvas id="myCanvas" style="border:1px solid #d3d3d3;"></canvas>
                </header><!-- /header -->

        <script>


function drawPattern(img, size) {
     var canvas = document.getElementById('myCanvas');

     canvas.height =160;
     canvas.width = 1022;

     var tempCanvas = document.createElement("canvas"),
         tCtx = tempCanvas.getContext("2d");

     tempCanvas.width = size;
     tempCanvas.height = size;
     tCtx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 10, 10);

     // use getContext to use the canvas for drawing
     var ctx = canvas.getContext('2d');
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     ctx.fillStyle = ctx.createPattern(tempCanvas, 'repeat');

     ctx.beginPath();
     ctx.rect(0,0,canvas.width,canvas.height);
     ctx.fill();

}

var img = new Image();
img.src = "icon/icons8-plus-104.png";
img.onload = function(){
    drawPattern(this, 10);
}                                 
        </script>
  پاسخ
تشکر شده توسط :


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان