React-Native-Canvas不绘制整个矩形
React-Native-Canvas不绘制整个矩形
提问于 2021-02-25 16:18:43
当我在做另一个应用程序的时候，我遇到了一个问题react-native-canvas，所以我创建了这个最小的项目。问题是WebView比画布小得多，并且不会在应该填满整个画布的时候填满整个画布。下面是代码(非常类似于示例code)：
import React, { Component } from 'react';
import { View } from "react-native"
import Canvas from 'react-native-canvas';
export default class App extends Component {
handleCanvas = (canvas) => {
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'purple';
ctx.fillRect(0, 0, 350, 700);
}
render() {
return (
)
}
}以下是该应用程序的截图：
正如您所看到的，本应将矩形呈现为画布的完整大小(红色轮廓)的代码没有做到这一点。根据Expo的Inspect-Element调试工具，WebView (整个矩形)只有300x150像素。
我是不是漏掉了什么明显的东西？或者这是react-native-canvas顺便说一下，这是在Android上。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-25 16:24:24
把这个放到你的handleCanvas里：
canvas.width = 400;
canvas.height = 700;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66364747
复制相关文章
相似问题
腾讯云开发者
