jeremyjia / Games

Home Page Link:
https://jeremyjia.github.io/Games/
3 stars 8 forks source link

实现HTML5 Canvas drawImage函数全部重载版本 #894

Open jeremyjia opened 1 year ago

jeremyjia commented 1 year ago

目前只实现了一个函数版本

本Issue的需求:在JS引擎中实现另外两个重载的版本, 具体参数含义请参考HTML5相关文档

在线测试用例及插件用例: https://www.w3schools.com/graphics/tryit.asp?filename=trycanvas_image https://jeremyjia.github.io/Games/pbzTools/scriptengine/plugin/pluginCall.html

jeremyjia commented 1 year ago

API说明:

1)drawImage(image, dx, dy):image为图像对象,(dx, dy) 是指要在canvas放置图像的位置。 2)drawImage(image, dx, dy, dWidth, dHeight):image为图像对象,(dx, dy) 是指要在canvas放置图像的位置,dWidth和dHeight是指图像绘制到画布上的实际宽度和高度。如果dWidth或dHeight跟源图像的尺寸不同,则可以实现图像的缩放。 3)drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight):image为图像对象,(sx, sy) 是指源图像被裁剪区域的左上角,sWidth和sHeight是指从源图像中被裁剪下来的图像的宽度和高度,(dx, dy) 是指要在canvas放置图像的位置,dWidth和dHeight是指被裁剪下来的图像绘制到画布上的实际宽度和高度