html5的canvas绘图,坐标范围较大时,图形显示不全或者干脆不显示 html5的canvas绘图,坐标范围较大时,图形显示不全或者干脆不显示, 该怎么解决? 显示不全 或者 干脆不显示 符合业务逻辑不?
另外你具体想解决什么? 在可视区域里 当然只能看见世界的一部分 先锁定明确的问题把 其实要解决的问题是:图形的坐标超出canvas表示范围的时候,希望也能显示。(比如给canvas加滚动条或者其他解决方案) 那你画个可以拖动的滚动条不就要可以了毕业论文
或者说 容器是那个? canvas本身? 那么canvas 添加拖拽的事件和控制
容器是 canvas的父对象? 那么canvas本身根据内容 应该是 缩放的 绘图时,你应该知道图形的坐标和所占据区域大小吧。 根据这个,判断一下是否超出CANVAS。 如果超出了,就根据你超出的大小去调整画布的尺寸(必要的话同时调整画布的位置坐标,即left,top)。 CANVAS的尺寸调整如上。 如果你问的是在那个外部DIV里如何摆放各个CANVAS,即使超出DIV的可显示区域。那可以给DIV的CSS样式设置SCROLL属性(比如值设为AUTO),则在内容超出可显示范围时,会自动显示滚动条。 可以借助 scale 改变坐标值。canvas 很强大,支持坐标平移、缩放和转置。
|