相信有很多时候, 大家都会遇到要利用 canvas 画布 生成图片的时候.
当然我也遇到了, 在项目中 wxml 页面中生成的 canvas 之后, 我发现怎么样给 canvas 标签加 CSS 都无法让 canvas 不影响到页面,
- <canvas style="opacity:0;position:fixed;z-index:-9999;">
- // 无论是 opacity 还是 z-index 都无法解决, 多多少少会影响
- </canvas>
几番琢磨, 想出以下解决方案: 在 canvas 外层加父标签, 再控制父标签的显示
- <view style="width:0px;height:0px; overflow:hidden"> // 让父标签 0 宽 0 高 隐藏溢出
- <canvas>
- </canvas>
- </view>
如果上述不行请看下面这个:
- <canvas style="position:fixed:left:9999px">
- // 直接让 canvas 飞到天际, 简单粗暴; 使用时注意 position 的问题; 如果 fixed 不行, 换其他定位试试
- </canvas>
ok .. 加油写代码吧...
来源: http://www.jianshu.com/p/8ad7f7918773