Tag: Canvas
All the articles with the tag "Canvas".
-
用 Alpha 通道扫描自动定位按钮热区
在做一个互动绘本 H5 时遇到的问题：美术给的是整张透明 PNG，按钮画在画布某个角落，前端不想手工量坐标也不想写死百分比。解决办法是用 canvas 读图片的 alpha 通道，扫出非透明像素的最小包围盒，自动生成点击热区——换素材时代码一行不用动。
All the articles with the tag "Canvas".
在做一个互动绘本 H5 时遇到的问题：美术给的是整张透明 PNG，按钮画在画布某个角落，前端不想手工量坐标也不想写死百分比。解决办法是用 canvas 读图片的 alpha 通道，扫出非透明像素的最小包围盒，自动生成点击热区——换素材时代码一行不用动。