JSRUN
通过canvas在图片源本身添加水印 思路: [1]用new image获得图片原始尺寸并记录,用记录中的原始尺寸生成等大的画布。【注:】所有后续操作的执行都在image对象的onload时期。 [2]用XHR来获得图片的base64保存在reader对象的e.target.result中 [3]创建一个img的dom对象接收上面的base64,在这个img的dom的onload阶段将其绘制于之前与原图等大的画布中。 [4]绘制水印并通过toBlob得到新图片的url [5]倾斜是旋转的整个画布,与其算出每次倾斜后的坐标,不如绘制文字就已经绘制在可视范围外即一个更大的假想画布上,旋转这个假想画布就会使水印也能充满可视画布的边缘了。 【csdn账号:devwolf】
No autoresizing to fit the code
Render blocking of the parent page
资源路径:http(s):
使用此草稿 删除草稿