我无法让React Native WebView postMessage工作.React Native应用程序成功从Web应用程序接收post message messaget.但是,Web应用程序不会从React Native应用程序接收消息sendt.
我简单的网络应用
<html>
<body>
<button>Send post message from web</button>
<div>Post message log</div>
<textarea style="height: 50%; width: 100%;" readonly></textarea>
<script>
var log = document.querySelector("textarea");
document.querySelector("button").onclick = function() {
console.log("Send post message");
logMessage("Sending post message from web..");
window.postMessage("Post message from web", "*");
}
window.addEventListener("message", function(event) {
console.log("Received post message", event);
logMessage(event.data);
}, false);
function logMessage(message) {
log.append((new Date()) + " " + message + "\n");
}
</script>
</body>
</html>此Web应用程序托管在:https://popping-heat-6062.firebaseapp.com/
我简单的React Native应用程序 …
我在将容器缩放到固定点时遇到了一些问题.
在我的情况下,我正在尝试将一个舞台缩放(缩放)到鼠标光标.
以下是纯画布的一种方法:http: //phrogz.net/tmp/canvas_zoom_to_cursor.html(在Zoom Canvas到Mouse Cursor中讨论过)
在使用KineticJS API时,我无法弄清楚如何应用相同的逻辑.
示例代码:
var position = this.stage.getUserPosition();
var scale = Math.max(this.stage.getScale().x + (0.05 * (scaleUp ? 1 : -1)), 0);
this.stage.setScale(scale);
// Adjust scale to position...?
this.stage.draw();
我需要一些帮助来弄清楚如何计算KineticJS舞台上的相对指针位置.
这是演示:http://jsfiddle.net/pCZzv/
function getRelativePointerPosition() {
var pointer = stage.getPointerPosition();
var pos = stage.getPosition();
var offset = stage.getOffset();
var scale = stage.getScale();
return {
x : ((pointer.x - pos.x + offset.x) / scale.x),
y : ((pointer.y - pos.y + offset.y) / scale.y)
};
}
我希望红色圆圈出现在单击鼠标的位置.当舞台改变它的偏移和比例时,我遇到了问题.