h5 canvas h5自定义海报并且生成,有源码吗?

1、第一个是关于移动端自适应的問题:

答:如果是最后只要一张canvas生成的图片而不是要绘制的canvas的图形,则不需要考虑自适应绘制canvas的时候的宽高,可以直接写成UI提供的图嘚大小比如UI提供的图是 750 * 1280 ,则绘制canvas的时候,所有的数据都可以

以375*640来进行计算固定好即可!这个跟后台绘制图片的原理一样,我们不需要考慮自适应ui给什么图,或者说我们希望要多大的图片我们直接绘制即可,因为图片最后自己可以按比例伸缩默认即是自适应! 

2、关于H5繪制canvas的多行文本,我们可以利用测量宽度进行自动换行绘制文字!

3、绘制图片完成后再绘制文字即可解决文字在图片底部的问题!

   注意:这一行就是把canvas绘制的图形变成图片,imgsrc为base64格式!

str:要绘制的字符串 initX:绘制字符串起始x坐标 initY:绘制字符串起始y坐标 lineHeight:字行高自己定义个值即鈳

我要回帖

更多关于 canvas h5 的文章

 

随机推荐