Opera10.50 では SVG ⇔ Canvas 間の品質が大きく改善されている

js canvas

Opera上で動作する uuCanvas.js と uupaa-0.7.js は、HTML5 Canvas Text API(fillText, strokeText, measureText ...) の機能を

  1. SVGElement 上でテキストを描画
  2. Canvas 上に drawImage で描画
document.createElementNS("http://www.w3.org/2000/svg", tag);
ctx.drawImage(...)

することでエミュレートしています。

Opera10.10 では SVG から Canvas にコピーする際に「影がくすむ」等の品質の劣化が見られました。
Opera10.50αではこの辺りの改善が行われているようです。


Canvas → SVG もいけるとか

var img = canvas.toDataURL("image/png"),
svgimg = document.createElementNS("http://www.w3.org/2000/svg", "image");

svgimg.setAttributeNS("http://www.w3.org/1999/xlink", 'xlink:href', img;
svg.appendChild(svgimg);
via http://ajaxian.com/archives/todataurl-canvas-and-svg

SVG の品質改善もうれしいけど

CanvasRenderingContext2D.prototype.fillText, strokeText の実装も願いしたいんですが…

もしかして

@edvakf さんのスレッド(「フレームの元」で議論を強制的に止められたやつ)がボディブローのように効いたのだろうか
# @edvakf 先生。あのスレが探せません…