purescript - Purescript:在画布上绘制图像
问题描述
我想使用 Purescript 将图像绘制到画布上。当我在 Javascript 中执行此操作时,它看起来如下所示:
window.onload = function() {
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream"); // THIS LINE IN PURESCRIPT???
ctx.drawImage(img,10,10);
};
我正在使用 purs 0.12。我已经安装了 Graphics.Canvas,我可以用它来绘制矩形和椭圆等。但我无法弄清楚drawImage
. 我也无法弄清楚 Purescript 等价物getElementbyId()
驻留在哪个库中。
解决方案
使用Pursuit搜索定义,例如getElementById
.
tryLoadImage
将回调作为参数。回调是接收CanvasImageSource
. 您可能希望使用Aff
或至少ContT
提供帮助。
推荐阅读
- flutter - 颤动 youtube 错误域:ios 上的 XCDYouTubeVideoErrorDomain
- python - 如何使用 re.sub 根据模式字典和 python 中的替换值替换文本的某些部分?
- html - 图像与内容重叠在容器顶部
- python - 在 Python3 中读取压缩 excel 时的 unknown_codepage_21010
- corda - 反序列化错误:无法构造 Dto 的实例(尽管至少存在一个 Creator):无法从 Object 值反序列化
- vue.js - 增加折线图和图例 ChartJS 之间的差距
- javascript - 如何在innerHTML中插入子元素
- html - 如何在 Angular 应用程序中播放视频?我的代码不起作用
- android - 如何使用视图模型绑定 Spinner 数据(DataBinding)
- python - python中“import tensorflow”的加载时间大不相同