Taro 随笔

Taro.createCanvasContext

报错:canvasToTempFilePath: fail canvas is empty

微信小程序wx.createCanvasContext({},this)、参数一是配置项,[参数二表示当前组件范围]
(参数二在自定义组件中必须指定,小程序中只需要传入当前this

TaroTaro.createCanvasContext({},this.$scope)、参数传法不变,参数二需要传入this.$scope

wx.canvasToTempFilePath({},this) 、wx.canvasPutImageData({},this)... 同上


Taro多行文本溢出显示省略号 (失效问题)

.text{
    word-break: break-all;
    display: -webkit-box;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow:ellipsis;
}

因为Taro 的css使用了autoprefixerautoprefixer默认会移除掉废弃、过时的css样式所以给
-webkit-box-orient加上/*! autoprefixer: ignore next */
参考:https://github.com/postcss/autoprefixer/issues/776#issuecomment-392328402


微信小程序苹果手机(IOS)请求接口地址报错404,安卓以及开发者工具可以正常请求

原因:请求后面多了一个空格,安卓和微信开发者工具会忽略掉地址结尾的空格,而苹果手机不会


全局路由地址变化事件

eventCenter.on('__taroRouterChange', ({ fromLocation, toLocation }) => {});

单位转换

rpx转px:
const px = wx.getSystemInfoSync().windowWidth / 750 * 1;
px转rpx:
const rpx = 750 / wx.getSystemInfoSync().windowWidth * 1;

你可能感兴趣的:(Taro 随笔)