Css 缩放createjs画布可防止按钮单击

当使用

zoom

样式（例如

zoom:0.5

）缩放包含createjs的画布时，画布上的按钮有一个不同的单击目标，它要么位于按钮的一侧，要么根本没有目标

var阶段，标签；
函数init（）{
stage=newcreatejs.stage（“demoCanvas”）；
stage.name=“stage”；
var background=new createjs.Shape（）；
background.name=“background”；
background.graphics.beginull（“红色”）.drawRoundRect（0,0,150,60,10）；
label=new createjs.Text（“foo”，“bold 24px Arial”，“#FFFFFF”）；
label.name=“label”；
label.textAlign=“中心”；
label.textb基线=“中间”；
标签x=150/2；
标签y=60/2；
var button=new createjs.Container（）；
button.name=“button”；
按钮x=75；
按钮y=40；
按钮。添加子项（背景、标签）；
stage.addChild（按钮）；
//听众
变量目标=[阶段、按钮、标签、背景]；
对于（var i=0；izoom css样式被视为非标准样式，因此对于Chrome和其他浏览器，您也可以使用transform:scale（）。我可以确认zoom确实会破坏CreateJS-如果您愿意，您可以在他们的EaselJS GitHub中添加一个问题-不确定在使用transform:scale（）时是否值得修复。干杯

CSS缩放：“非标准
此功能是非标准的，不在标准轨道上。不要在面向Web的生产站点上使用它：它不会对每个用户都起作用。实现之间也可能存在很大的不兼容，将来行为可能会改变。”
谢谢Dan。我得出了相同的结论，并使用了
transform:scale（）
适用于所有浏览器。他们的Github上有一个5年前的问题，我在9天前发表了评论。