![[黑脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_99.3264111.png)
![[吐舌]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_95.6b0752f.png)
阿懒
掘金首席体验官
获得徽章 13
- jym 微信小程序 canvas 2D 在进行 ctx.scale(dpr, dpr) 设置后 后续设置的值是 css 里面的值单位是 rpx 还是应该使用换成 px 的值呢？伪代码如下
const imgWidth = 720
const imgHeight = 1212
const canvasWidth = imgWidth // canvas style 动态设置 width: {{canvasWidth }}px
const canvasHeight = imgHeight // canvas style 动态设置 height: {{canvasHeight }}px
const ctx = canvas.getContext('2d');
const windowInfo = wx.getWindowInfo()
const dpr = windowInfo.pixelRatio;
canvas.width = width * dpr
canvas.height = height * dpr
ctx.scale(dpr, dpr)
const image = canvas.createImage();
image.onload = () => {
ctx.drawImage(image, 0, 0, width, height);
// 在 css 中设置 font-size=42rpx 那么这里应该写多少 px?
const fontSize = '' // 当这里的值是 42px 时实际效果偏差不多，转换为px 的值是 21px,使用 21px 实际差距较大
ctx.font = `bold ${fontSize}px normal`;
}
image.src = 'xxx.jpg'展开赞过 41 - jym遇到一个问题，不知道怎么实现了，图一是一个组件，组件分别包含了筛选条件、表格、分页三个插槽。现在需求（图二）是需要根据传入的筛选条件进行动态适配，比如当前窗口大小为1000px，最多能放下5个输入框和查询重置按钮，然后超出的放在单独的弹窗中并且显示展开/收起。如果是直接操作 dom 我到知道怎么去实现，但是在 vue2 中使用插槽传进来的表单需要去动态控制那些是渲染到筛选条件中，哪些需要渲染到 展开收起弹窗中。展开赞过 312
![[泣不成声]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_40.348108b.png)