html5 canvas在图片上画超链接

最新推荐文章于 2023-04-07 11:04:45 发布

_iorilan

最新推荐文章于 2023-04-07 11:04:45 发布

阅读量8.1k

点赞数 4

分类专栏： Javascript

本文链接：https://blog.csdn.net/lan_liang/article/details/78276117

版权

1. html

<canvas id="canvasFile" style="margin-top:15px;" width="500" height="400"></canvas>
<input type="button" id="btnRedo" value="Re-Draw" class="btn btn-warning"/>

2. javascript

var photoW = 400;
        var photoH = 300;
        var photo;
		
		
		// logic load image into canvas
		// ...
		// e.g. 
		// photo = new Image();
        // photo.onload = function() {
        // draw photo into canvas when ready
        // ctx.drawImage(photo, 0, 0, photoW, photoH);
        // };
	    // load photo into canvas
        // photo.src = picURL;
		
		
		
		
 // canvas highlight
        var canvas = document.getElementById('canvasFile'),
            ctx = canvas.getConte